如何让标签随机交换位置？

发布于 2024-11-14 07:21:37 字数 281 浏览 3 评论 0原文

我在一个 id 下有多个

标签，例如：

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

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

原文

I have several <li> tags under one id, such as:

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

I would like them to randomly switch places on rollover. I thought perhaps with the Sortable jQuery effect? but not sure ... any help would be appreciated.
Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

铃予 2024-11-21 07:21:37

随机？

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

randomly?

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

回复收藏 0 原文

緦唸λ蓇 2024-11-21 07:21:37

这是关于该主题的博客文章：

使用 jQuery 对元素进行排序

回复收藏 0 原文

酒解孤独 2024-11-21 07:21:37

你可以使用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

You can use jquery-shuffle, use mouseenter though, otherwise your "li" will shuffle furiously.
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>

Same goes for cwolves script, you want mouseenter

回复收藏 0 原文

~没有更多了~