Question

用js/jquery 怎么让li 每次刷新都随机排列

<LI><A class=icoTc href="tencent://message/?uin=3888888&Site=&Menu=yes" target="_blank" rel="nofollow">177773946398</A></LI>
<LI><A class=icoTc href="tencent://message/?uin=394688398&Site=&Menu=yes" target="_blank" rel="nofollow">27773946398</A></LI>
<LI><A class=icoTc href="tencent://message/?uin=3946355&Site=&Menu=yes" target="_blank" rel="nofollow">3773946398</A></LI>
<LI><A class=icoTc href="tencent://message/?uin=394677398&Site=&Menu=yes" target="_blank" rel="nofollow">47773946398</A></LI>
<LI><A class=icoTc href="tencent://message/?uin=394666398&Site=&Menu=yes" target="_blank" rel="nofollow">57773946398</A></LI>

qq客服代码，我想每次刷新网页都能重新排列一次，如何实现？

Answer 1

<ul id="kf_ul">
    <LI><A class=icoTc href="tencent://message/?uin=3888888&Site=&Menu=yes" target="_blank"
           rel="nofollow">177773946398</A></LI>
    <LI><A class=icoTc href="tencent://message/?uin=394688398&Site=&Menu=yes" target="_blank"
           rel="nofollow">27773946398</A></LI>
    <LI><A class=icoTc href="tencent://message/?uin=3946355&Site=&Menu=yes" target="_blank"
           rel="nofollow">3773946398</A></LI>
    <LI><A class=icoTc href="tencent://message/?uin=394677398&Site=&Menu=yes" target="_blank"
           rel="nofollow">47773946398</A></LI>
    <LI><A class=icoTc href="tencent://message/?uin=394666398&Site=&Menu=yes" target="_blank"
           rel="nofollow">57773946398</A></LI>
</ul>
<script type="text/javascript">
    $(function () {
        $("#kf_ul").html($("#kf_ul li").sort(function(a,b){return Math.random() - 0.5}));
    });
</script>

Answer 2

<script type="text/javascript">
var lis = ['<LI><A class=icoTc href="tencent://message/?uin=3888888&Site=&Menu=yes" target="_blank" rel="nofollow">177773946398</A></LI>',
'<LI><A class=icoTc href="tencent://message/?uin=394688398&Site=&Menu=yes" target="_blank" rel="nofollow">27773946398</A></LI>',
'<LI><A class=icoTc href="tencent://message/?uin=3946355&Site=&Menu=yes" target="_blank" rel="nofollow">3773946398</A></LI>',
'<LI><A class=icoTc href="tencent://message/?uin=394677398&Site=&Menu=yes" target="_blank" rel="nofollow">47773946398</A></LI>',
'<LI><A class=icoTc href="tencent://message/?uin=394666398&Site=&Menu=yes" target="_blank" rel="nofollow">57773946398</A></LI>'];

//随机生成li
lis = lis.sort(function () {
return (Math.round(Math.random()) - 0.5);
});

$(function () {
for (var i = 0; i < lis.length; i++) {
$("#panel").append(lis[i]);
}
});

</script>
<div id="panel"></div>