加载外部页面时 JQuery Masonry 无法正确显示

Question

因此，当我将带有 JQuery 的页面加载到容器 div 中时，我遇到了 Masonry 无法正确显示图像的问题。我试图阻止页面刷新每个部分。页面的初始加载工作正常，但是一旦我将页面加载到 div 中，它就会中断。这是我的代码。

$('#container').load("photos.php?directory="+str, function () { var container = $('#container'); container.imagesLoaded( function() { container.masonry(); }); });

我什至试图在图像完全加载到 div 后重新加载 Masonry（我不介意不必这样做）。任何帮助将不胜感激！

Answer 1

解决了这个问题。我必须在 JQuery 而不是 HTML 中加载选项。

$('#container').load("photos.php?directory="+str, function () { var container = $('#container'); container.masonry('reloadItems'); $('#container').masonry({ columnWidth: 156, itemSelector: '.item' }); });