JQUERY控制li栏目项随机顺序显示

通常情况下，我们制作网站的列表时，它的顺序是固定的。它的顺序就是按照自己写代码的顺序来排列的，如果想让这些固定的栏目项无序排列，就可以通过JQUERY代码控制li栏目项随机顺序显示。

实现固定li栏目进行随机顺序排序，可以使用以下的代码对li栏目进行控制。

<script>

  jQuery(function($){

       var arr = $('ul li').toArray();

       var len = arr.length;

       var rand = parseInt(Math.random()*(len)); 

       $('ul li').each(function(i){

            $('ul').append($('ul li').eq(rand));

            rand = parseInt(Math.random()*(len)); 

       });

        

});

</script>

通过这个代码，就可以实现页面刷新一次，li栏目项随机排序一次的效果了。