在随机div上使用insertAfter选项

Question

JS：

(function animate() {
    $("#houses div:first").each(function(){
        $(this).animate({marginLeft:-$(this).outerWidth(true)},1000,'linear',function(){
            $(this).insertAfter("#houses div:last");
            $(this).css({marginLeft:0});
            animate();
        });
    });
})();

DEMO.

有效。滑动到我的div时，得到新的div。但它是有序的。我想，得到随机的div。

我该如何解决？

Answer 1

这将解决您的问题，但选择随机div会破坏其他div的动画。

<强> Working Fiddle

   (function animate() {
    $("#houses div:first").each(function(){
        $(this).animate({marginLeft:-$(this).outerWidth(true)},1000,'linear',function(){
            $(this).insertAfter("#houses div:nth-child("+getRandomInt(1,9)+")");
            $(this).css({marginLeft:0});
            animate();
        });
    });
})();

function getRandomInt (min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}