очень странная проблема jquery

Question

Я пытаюсь запустить функцию при загрузке страницы, но она не работает.Я добавил его в каждом месте, о котором только могу подумать, и то, что ONLY работает:

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

Я пробовал откладывать, но прибегнул к хакерскому методу выше:(

У кого-нибудь есть предложения относительно того, почему моя функция не запускается?

ОБНОВЛЕНИЕ:

Я использую кладку для jquery. Моя проблема заключается в том, когда я загружаюстраница, которая использует кладку с ajax, показывает их в одном столбце. $('#project_thumbs_container').masonry('reload'); сбрасывает его правильно, но работает только с использованием вышеуказанного метода mousemove.

Answer 1

Похоже, у вас есть одна из двух проблем:

1) Неверно сформированный HTML, который вызывает ошибку, которая не позволяет коду правильно анализировать при использовании синтаксиса документа onReady: $ (function () {...});

2) Масонство может загружаться асинхронно, что означает, что обратный вызов onReady может быть не тем, который вы хотите использовать. Ваш Ajax-вызов будет выглядеть примерно так:

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

Answer 2

Если у кого-то нет лучшего ответа, я просто помещаю код в мой fadeIn(); фрагмент после завершения вызова ajax:

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

Кажется, работает.

Answer 3

Просто поместите свою функцию в это

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

при загрузке вашей страницы функция будет выполняться

Answer 4

Попробуйте что-то вроде этого.

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

Вы можете разместить этот код в любом месте страницы, и он должен работать, если зависимости уже загружены.