1

これを使用して、jQuery Masonry を呼び出してアクティブにしています。

<script>    
  jQuery("#content").load("recent.html", function(){
    $('#masonryContainer').masonry({  
      // options
      itemSelector : '.item',
      columnWidth : 10,
      isAnimated: !Modernizr.csstransitions,
      easing: 'linear' 
    });
  });
</script>

問題は、ページが読み込まれると、すべての画像 (recent.html の div にある) が互いに積み重なることです。メーソンリーがアクティブになり、画像をアニメーション化/配置する前に、まずブラウザー ウィンドウのサイズを変更する必要があります。入ってすぐにやってほしいです。

4

2 に答える 2

1

私はあなたが準備ができていないと思います：

<script>  
  $(window).ready(function() {
  jQuery("#content").load("recent.html", function(){
    $('#masonryContainer').masonry({  
      // options
      itemSelector : '.item',
      columnWidth : 10,
      isAnimated: !Modernizr.csstransitions,
      easing: 'linear' 
    });
  });
});
</script>
于 2012-08-31T09:33:08.607 に答える
-1

他の JS ライブラリは、ページの読み込み時にレイアウトに問題を引き起こす可能性があります。たとえば、jQuery Mobile は jQuery Masonry とうまく連携せず、上記の問題が発生します。このような場合は、原因が見つかるまで他の JS ライブラリを削除してください。

于 2013-08-11T21:19:07.717 に答える