How to use jquery masonry for home page blog?

1

I added the file from http://masonry.desandro.com/ to the /assets/js/plugins dir, and even processed gruntfile.js in CodeKit for good measure, and include the following basic script in the document ‘head’:

$('#main').masonry({ columnWidth: 200, itemSelector: '.post' });

That should be loaded on every page, for now, for starters, until I at least get it working this way. Div#main contains .post article elements. What am I doing wrong?

2

Check your console. It sounds like you’re calling the masonry method before it’s loaded.

Either move the call to the footer or put it in _main.js.