如何让标签随机切换位置？答案

【问题标题】：How to make tags randomly switch places?如何让标签随机切换位置？
【发布时间】：2011-09-09 14:48:03
【问题描述】：

我在一个id下有几个<li>标签，比如：

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

我希望他们在翻转时随机切换位置。我想也许是使用 Sortable jQuery 效果？但不确定......任何帮助将不胜感激。谢谢。

【问题讨论】：

标签： jquery random jquery-ui-sortable

【解决方案1】：

随机？

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

【讨论】：

【解决方案2】：

这是一篇关于该主题的博文：

Sorting elements with jQuery

【讨论】：

【解决方案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

【讨论】：