div 애니메이션 후 벽돌 개편

Question

div 크기를 움직이면 jquery 석판 스크립트를 다시 가져 오려고합니다. 몇 가지 예를 보았지만 제대로 작동하지 않는 것 같습니다. 나는 시도 :

<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> 

을 시도했다. 다음은 작동하지 않는 페이지입니다.

미리 감사드립니다.

Answer 1

Masonry ("reload")는 작동해야하지만 라인에 오류가 있습니다. $("#container|).masonry("reload");. 당신은 닫는 정상적인 인용문이 필요하고 파이프는 그렇게하지 말아야합니다. $("#container").masonry("reload"); 나는 또한 당신이 동위 원소가 필요하다고 생각하지 않는다고 생각합니다. 이 보석공은 타일을 벽돌에 넣기 전에 타일을 재정렬하는 것입니다. 내 사이트 (http://www.phpdevpad.de)에서 간단한보세요. 왼쪽의 메뉴를 클릭하고 다른 조합을 시도하면 타일이 섞입니다.

Answer 2

셔플 메서드를 사용하려면 Isotope를 사용해야합니다. 석공의 더 큰 언니. github discussion here을 참조하십시오.