Question

我在一个ID下有几个<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

以下是关于此主题的博文：

Sorting elements with 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

如何使标签随机切换位置？

3 个答案: