加载外部页面时，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' }); });