javascript - 使用 jquery 随机播放一些 div

Question

我想随机排列 div 表格的单元格。我尝试使用 .shuffle() 插件，但无法使其工作。这是我的代码:

<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();
});   

你知道我如何洗牌所有这些东西吗？

Answer 1

Fiddle

这只会打乱 sprites 类的元素。您想打乱 .sprites 内的 div，对吧？

$('.sprites div').shuffle();

编辑:正确的语法实际上可能是:

$.shuffle('.sprites div');