포장/동위 원소 그리드가 예상대로 재정렬되지 않음

Question

나는 벽돌과 동위 원소, 포장재로 몇 시간 동안 놀았으므로 내 인생에서 예상대로 작동하지 못한다.

포스트 그리드를 만들기위한 목적으로, 포스트는 부모 컨테이너의 두 가지 너비, 25 % 또는 50 % 중 하나가 될 수 있습니다. 게시물의 폭은 무작위로 서버 측에서 생성됩니다. 첫 번째 행이 게시물은 내가 바이올린

함께 HTML

<div id="container" class="packery" style="width: 100%"> 
<div class="grid-sizer"></div> 
<div class="item w" style="background-color:#aaa;"></div> 
<div class="item w2" style="background-color:#ff0000; width:25%;"></div> 
<div class="item w" style="background-color:#00ff00; width:50%;"></div> 
<div class="item w" style="background-color:#affaff; width:50%;"></div> 

을 넣었습니다이 더 나은

JS

을 설명하기 위해 적합 할 수있는 큰 격차를 포함하는 경우가 있습니다

docReady(function() { 
var $container = jQuery('#container'); 
$container.packery({ 
    itemSelector: '.item', 
    scolumnWidth : ".grid_sizer" 
});  

});

그리고 난 내가 빨간색 요소는 마지막 항목이되도록 packery이 요소를 재 배열 기대 위의 경우 http://jsfiddle.net/nLqu015m/

을 노력하고있어 전체 바이올린은 더 흉한 격차가에 없다이야 마지막에 행이 있습니다.

나는 또한 Isotope에서 같은 것을 달성하려고했지만 같은 문제에 직면했다.

나는 명백한 것이 없거나 Packary와 Isotope의 목적을 오해하고 있습니까?

도움을 주시면 감사하겠습니다.

Answer 1

동위 원소를로드하지 않았기 때문에이 기능이 작동하지 않습니다.