Question

I am trying to run a function on page load but its not working. I’ve added it in every place I can think of and the ONLY thing that works is:

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

I’ve tried delays but I have resorted to the hacky above method 🙁

Does anyone have any suggestions as to why my function won’t run?

UPDATE:

I am using masonry for jquery. My problem is when I load a page that uses masonry with ajax, it shows them in a single column. $('#project_thumbs_container').masonry('reload'); resets it properly, but it only works using the above mousemove method.

Answer 1

Unless someone has a better answer, I just put the code in my fadeIn(); snippet after ajax call is complete:

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

Seems to work.