Question

我正在使用同位素过滤的PHP网站上做一些维护，我还在学习Javascript。因此，我无法弄清楚如何解决Isotope的问题。

我在两个单独的部分中有一个包含40个图块的页面。其中一个部分工作正常，没有错误。但是在第二部分中，当我加载页面时，它会显示最后10-12个彼此重叠的图块（它变化，看似随机）。

但是，每当我点击任何过滤器时，它都可以正常工作，并将它们推出到合适的间距。因此，问题仅在于初始加载页面时的行为。

有谁知道可能导致此类问题的原因？

Answer 1

尝试将document.ready更改为window.load，这样可以在运行同位素之前等待图片下载。

$(document).ready(function() {
  // executes when HTML-Document is loaded and DOM is ready
  $.isotope();
});

$(window).load(function() {
  // executes when complete page is fully loaded, including all frames, objects and images
 $.isotope();
});

实际上，阅读发布的链接3rror404，你可以做到

// layout Isotope again after all images have loaded
$container.imagesLoaded( function() {
  $container.isotope('layout');
});

同位素过滤 - 仅在加载时异常间隔

1 个答案: