0

私が問題を抱えているページは次のとおりです。http://forkfox.com/tours

ページを十分に更新すると、通常は 2 回目または最初のページの読み込み時に、いくつかのボックスが重なり合っていることがわかります。

JS

var container = document.querySelector('#alltours');
var msnry = new Masonry( alltours, {
  // options
  itemSelector: '.box',
});

これを解決するために他に情報が必要な場合はお知らせください。

ありがとう！

EDIT 1:以下で提案されているように imagesLoaded を追加しましたが、まだ同じ問題が発生しているようです。

// or with jQuery
// initialize Masonry
var $container = $('#alltours').masonry();
// layout Masonry again after all images have loaded
$container.imagesLoaded( function() {
  $container.masonry();
});
4

2 に答える 2

1

これはおそらく、Chrome のアグレッシブ キャッシュの問題である可能性があります。https://github.com/desandro/imagesloadedをご覧ください。

imagesLoaded( document.querySelector('#alltours'), function( instance ) {
  // Call Masonry here...
});

しかし、あなたはすでにjQueryを使用しているので:

$('#alltours').imagesLoaded( function() {
  // Call Masonry here...
});

役立つことを教えてください。

于 2013-10-13T02:50:56.573 に答える