jquery Isotope option for auto height on element

jquery jquery-plugins jquery-isotope
Uffo picture Uffo · Apr 15, 2012 · Viewed 14.4k times · Source

So I'm using the isotope masonrylayout

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

The problem is that if I don't set the height for the article in css, the layout doesn't look good the items overlap and stuff, but I can't set a fixed height for the elements, since they are blog posts and can change in size, do you guys have any tips on how to solve this?

Answer

Uffo picture Uffo · Apr 15, 2012

Problem solved, you need to call $(window).load instead of $(document).ready(

Related questions

Differences between Isotope and Masonry jQuery plugins

I recently discovered the Masonry and Isotope JQuery plugins. They seem to be functionally almost identical and both appear to have the same author. The only obvious difference I can see is the license. What are the main differences between …

Read More
What's the easiest way to call a function every 5 seconds in jQuery?

JQuery, how to call a function every 5 seconds. I'm looking for a way to automate the changing of images in a slideshow. I'd rather not install any other 3rd party plugins if possible.

Read More
How to disable mouse scroll wheel scaling with Google Maps API

I am using Google Maps API (v3) to draw a few maps on a page. One thing I'd like to do is disable zooming when you scroll the mouse wheel over the map, but I'm unsure how. I have disabled …

Read More