0

Masonry プラグインを使用して「Pinterst」ディスプレイを複製しようとしています。Safari ではすべてがうまく表示されますが、Chrome と Firefox ではよく表示されません。これを改善する方法がわかりません。以下は、jQuery Masonry プラグイン コードを呼び出すために使用される JavaScript です。

助けてくれてありがとう！

<script>
  $("#container").imagesLoaded(function(){
    $('#container').masonry({
        itemSelector: '.item',
        columnWidth: 240,
        isFitWidth: true
    });
    $("#container").infinitescroll({
        navSelector: "span.page a",            
        nextSelector: "span.next a",    
        itemSelector: '.item'          
      },
      // trigger Masonry as a callback
      function( newElements ) {
        var $newElems = $( newElements );       
        $("#container").imagesLoaded(function(){
          $("#container").masonry( 'appended', $newElems )
        });
      });
  });
</script>
4

1 に答える 1

0

ネストされた方法で imagesLoaded をバインドしています。これは、イベントが既に発生するまで、2 番目の関数をバインドしていないことを意味します。

于 2012-04-17T14:30:17.200 に答える