jQuery 무한 스크롤 (벽돌 포함)

Question

벽돌과 무한 스크롤을 사용하고 있지만 아래 코드는 작동하지 않습니다! HTML에서 뭔가를 깜빡 했나요? 모든 항목이 한 번에 표시됩니다! 당신의 도움에 대한

<div id="containerPost"> 
<div id="post119" class="item rubColor1" style="padding-bottom:10px"> 
    <p style="text-align:left;padding:5px 5px;font-weight:700">Test 1</p> 
</div> 
<div id="post118" class="item rubColor1" style="padding-bottom:10px"> 
    <p style="text-align:left;padding:5px 5px;font-weight:700">Test 2</p> 
</div> 
<div id="post117" class="item rubColor1" style="padding-bottom:10px"> 
    <p style="text-align:left;padding:5px 5px;font-weight:700">Test 3</p> 
</div> 
<div id="post116" class="item rubColor1" style="padding-bottom:10px"> 
    <p style="text-align:left;padding:5px 5px;font-weight:700">Test 4</p> 
</div> 
... and so on 

var $container = $('#containerPost'); 
$container.infinitescroll({ 
     navSelector : '.pagination',  
     nextSelector : '.pagination a', 
     itemSelector : '.item', 
     loading: { 
      finishedMsg: 'No more pages to load.', 
      img: 'http://i.imgur.com/6RMhx.gif' 
     } 
    }, 
    function(newElements) { 
     var newElems = $(newElements); 
     newElems.css({ opacity: 0 }); 
     newElems.animate({ opacity: 1 }); 
     $container.masonry('appended', newElems); 
    } 
); 
$container.imagesLoaded(function(){ 
    $container.masonry({ 
     itemSelector: '.item' 
    }); 
}) 

감사합니다 ... 석공 술 지금 노력하고 있습니다

크리스

Answer 1

. 대신이의

: http://masonry.desandro.com/에 문서에서

$container.imagesLoaded(function(){ 
     $container.masonry({ 
      itemSelector: '.item' 
     }); 
    }) 

사용이 :

$container.masonry({ 
     itemSelector: '.item' 
    }); 

당신은 아마 imagesloaded 플러그인을 사용하는 다른 기능을 사용해야합니다.

View updated fiddle