我有一系列ul
s的顺序我想要随机播放(不是li
s的顺序,只有ul
s。
我已尝试实现展示here的Shuffle插件,但它不起作用。
我的HTML是:
<div id="swap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
功能是:
$.fn.shuffle = function() {
var allElems = this.get(),
getRandom = function(max) {
return Math.floor(Math.random() * max);
},
shuffled = $.map(allElems, function(){
var random = getRandom(allElems.length),
randEl = $(allElems[random]).clone(true)[0];
allElems.splice(random, 1);
return randEl;
});
this.each(function(i){
$(this).replaceWith($(shuffled[i]));
});
return $(shuffled);
};
$('#swap ul').shuffle();
但我无法让它发挥作用。
控制台中也没有错误。
有人知道我做错了吗?