使用jquery随机播放一些div
问题描述:
我想洗牌我的div
表的单元格。我尝试使用.shuffle()
插件,但无法使其工作。这里是我的代码:使用jquery随机播放一些div
<div class="sprites">
<div class="row">
<span id="draggable0" class="draggable"></span>
<span id="draggable1" class="draggable"></span>
<span id="draggable2" class="draggable"></span>
</div>
<div class="row">
<span id="draggable3" class="draggable"></span>
<span id="draggable4" class="draggable"></span>
<span id="draggable5" class="draggable"></span>
</div>
<div class="row">
<span id="draggable6" class="draggable"></span>
<span id="draggable7" class="draggable"></span>
<span id="draggable8" class="draggable"></span>
</div>
</div>
这就是我如何试图洗牌:
$(document).ready(function() {
$('.sprites').shuffle();
});
你知道我怎么会打乱所有这些东西?
答
shuffle()
洗牌传递给它的元素......你需要通过你的物品箱内吧...
只需使用这样的:Live Demo
$('.draggable').shuffle();
或
$('.row').shuffle();
更新
使用此功能重新启用拖动。
$(document).ready(function() {
$('.draggable').draggable();
});
function shuffle() {
$('.draggable').draggable("destroy");
$('.draggable').shuffle();
$('.draggable').draggable();
}
洗牌代码
(function(d){
d.fn.shuffle=function(c){
c=[];
return this.each(function()
{
c.push(d(this).clone(true))
}).each(function(a,b)
{
d(b).replaceWith(c[a=Math.floor(Math.random()*c.length)]);
c.splice(a,1)
})
};
d.shuffle=function(a){
return d(a).shuffle()
}
})(jQuery);
是随机播放功能的东西,你自己创建的?或者它是从另一个插件中拉出来的? – Tom 2013-03-15 17:16:07
你想做什么?将div中的跨度或shuffle div放在较大的div内部? – ATOzTOA 2013-03-15 17:17:02
我想随机随机洗牌我的跨度,所以他们可以在任何行中的任何div。我试图使用shuffle插件:) – Alkatell 2013-03-15 17:21:45