Question

我正在开发一个利用David DeSandro的jQuery Masonry插件的网站概念以及一些受Paul Irish的Infinite Scroll插件启发的代码（我无法使插件工作，所以我自己写了类似的东西）。我已经完成了整合，所以我的基本概念确实有效。

当有人滚动到页面底部以加载页面的下一部分时，我正在触发jQuery的.load（）方法。在.load（）调用的回调中，我调用jQuery Masonry插件来创建布局。问题是我的网站图像很重，如果没有首先加载图像，jQuery Masonry就无法做到这一点。

那么，如何加载.load（）方法的结果，以便我可以调用jQuery Masonry。

我的基本代码如下所示：

$("#page"+page).load(url+' #content', function() {
    var moreContent = $(this);
    $('#maincontent').append( moreContent ).masonry({ appendedContent: moreContent });      
});

所有变量等......正确解决。

感谢您的帮助。

Answer 1

当所有内容（包括图像）都准备就绪时触发的事件是load事件，因此在这种情况下，它是合适的，而不是更常用的$.ready()方法。

http://api.jquery.com/ready/（有关load和ready之间区别的信息。）

我怎么知道通过jQuery的.load（）方法导入的内容何时完全加载？

1 个答案: