Masonry is not loading on WordPress blog

I’ve been trying to get Masonry to stack my posts on this blog for the past two days:
topheavypilesofbooks.com. The posts should stack neatly with no whitespace. Instead posts float as usual, with lots of vertical whitespace.

This is a WordPress blog, and I’ve added the javascript with the enqueue function. According to Firebug, the javascripts are loading correctly.

Read More

The last script I load is the function to trigger Masonry, it is this:

    jQuery((window).load(){
  jQuery('#content').masonry({
    // options
    itemSelector : '.post',
    columnWidth : 240
  });
});

Related posts

Leave a Reply

1 comment

  1. It looks like you have an error with your brackets.

    Try this… I ran it on your site and it functions. Might require some tweaking, that I currently dont have time to do 🙂

    jQuery(function () { 
      jQuery('#content').masonry({ 
       itemSelector: '.post', 
       columnWidth: 240 
      }); 
    })