JQuery Isotope not triggering

Question

I have added the JQuery plugin Isotopte to my site.

It works but only after the browser resizes. The images just seem to stack up on each other before hand.

My code to is:

$(function(){
$('#isotopecontainer').isotope({
        itemSelector: '.frontitem',
        masonry: {
        }
 });
});

I've tried adding columnWidth as the site suggests but this makes no difference.

Im really not sure what is going on. Can anyone help me out at all?

score 2 · Accepted Answer · answered Jul 03 '13 at 00:34

2

I don't know exactly where your issue is but I got a working solution.

Working solution (JSFiddle)

$(document).ready(function(){
       $('#isotopecontainer').isotope({
        // options
       itemSelector : '.frontitem',
       masonry : {}
       });
    }
);

It has all of your options but I can't seem to find exactly where your code is wrong. I did use the document ready callback that jquery supplies however I don't think that was the issue.

Also make sure you include jquery before isotope.

answered Jul 03 '13 at 00:34

Shane

184
1
10

Ah I think the key difference is that you have specified the height for the divs – MeltingDog Jul 03 '13 at 01:14
Maybe. When I copied your code I was getting a "method isotope not found" so idk – Shane Jul 03 '13 at 01:17
Yes - I have added a height to the images and that fixes it. – MeltingDog Jul 03 '13 at 01:21

JQuery Isotope not triggering

1 Answers1