div動畫後的砌體重新洗牌

Question

我試圖讓jquery masonry腳本重新洗牌後，我動畫的大小的div。我看過一些例子，但我似乎無法得到它的工作。我想：

<script> 
$(function(){ 

$('#container').masonry({ 
    itemSelector: '.box', 
    columnWidth: 100, 
    isAnimated: true 
}); 

}); 
</script> 
<script> 
$("#test").click(function() { 
$("#test").animate ({ 
"width": 300, 
"height": 200 
}, 250); 
$('#container').masonry({ 
    itemSelector: '.box', 
    columnWidth: 100, 
    isAnimated: true 
}); 
}); 
</script> 

我也試過

<script> 
$(function(){ 

$('#container').masonry({ 
    itemSelector: '.box', 
    columnWidth: 100, 
    isAnimated: true 
}); 

}); 
</script> 
<script> 
$("#test").click(function() { 
$("#test").animate ({ 
"width": 300, 
"height": 200 
}, 250); 
$("#container|).masonry("reload"); 
}); 
</script> 

出於某種原因，我不能讓洗牌的情況發生。這裏是它的網頁不工作http://www.klossal.com/masonry.html

在此先感謝您的任何幫助。

Answer 1

砌體（「重新加載」）應該可以工作，但是您的線路上有錯誤$("#container|).masonry("reload");。你需要一個結束正常的報價，而不是像這樣的管道：$("#container").masonry("reload");我也不認爲我不認爲你需要同位素洗牌。最簡單的方法是在將瓷磚送入磚石之前對瓷磚進行重新排列。簡單看看我的網站（http://www.phpdevpad.de）。當你點擊左邊的菜單並嘗試不同的組合時，瓷磚會被洗牌。

Answer 2

如果你想要shuffle方法，你需要使用同位素;砌體的更大的姐姐。請參閱github discussion here。