非常奇怪的jquery问题

Question

我试图在页面加载时运行一个函数，但它不起作用。我已经将它添加到我能想到的每个地方，唯一有效的方法是：

$("html").mousemove(function(event) {
    $('#project_thumbs_container').masonry('reload');
});

我尝试过延迟，但我采用了上面的 hacky 方法:(

有没有人有任何建议为什么我的函数无法运行？

更新：

我正在使用 jquery 的 masonry。我的问题是当我加载使用 ajax 的 masonry 的页面时，它会在单个列中显示它们。 $('#project_thumbs_container').masonry('reload'); 可以正确重置它，但它只能使用上面的 mousemove 方法。

Answer 1

听起来您遇到了以下两个问题之一：

1) 格式错误的 HTML 导致错误，在使用文档 onReady 语法时不允许代码正确解析： $(function() { ... });

2) Masonry 可能会异步加载，这意味着“onReady”回调可能不是您想要使用的回调。您的 Ajax 调用看起来更像是这样：

$('body').load('index.html', function() {
  $('#project_thumbs_container').masonry();
});

Answer 2

除非有人有更好的答案，否则我只是在 ajax 调用完成后将代码放入我的 fadeIn(); 代码片段中：

this.fadeIn('slow', function() {
  $('#project_thumbs_container').masonry('reload');
});

似乎可以工作。

Answer 3

尝试这样的事情。

$(document).ready(function(){
    $('#project_thumbs_container').masonry('reload');
}); 

您可以将此代码放在页面上的任何位置，只要依赖项已加载，它就应该可以工作。

Answer 4

只需将您的函数放入其中，

$(document).ready(function() {
  // Handler for .ready() called.
  // your function 
});

当您的页面加载时，该函数就会执行