随机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; 
}