Как сделать так, чтобы теги случайным образом менялись местами?

Question

У меня есть несколько тегов <li> под одним идентификатором, например:

<div id="myID">
    <li>A</li>
    <li>B</li>
    <li>C</li>
</div>

Я бы хотел, чтобы они произвольно менялись местами при опрокидывании. Я думал, возможно, с эффектом Sortable jQuery? но не уверен ... любая помощь будет оценена. Спасибо.

Answer 1

случайно

$('#myID').bind('mouseover', function(){
    $('#myID li').sort(function(){ return Math.random() - .5; }).each(
        function(){
            $('#myID').append(this);
        }
    );
});

Answer 2

Вот блог на эту тему:

• Сортировка элементов с помощью jQuery

Answer 3

Вы можете использовать jquery-shuffle, используйте mouseenter , иначе ваш "li" будет яростно перемешиваться. http://mktgdept.com/js/jquery-shuffle.js?v0.0.1

<div id="myID">
    <li>A</li>
    <li>B</li>
    <li>C</li>
</div>

<script type="text/javascript">
$('#myID').mouseenter(function(){

    $('#myID li').shuffle();

});
</script>

То же самое относится и к сценарию cwolves, вы хотите, чтобы mouseenter