jquery isotope plugin container height will not grow with isotope-item (same with masonry)

javascript jquery html jquery-masonry jquery-isotope
botbot picture botbot · Sep 29, 2012 · Viewed 13.6k times · Source

I have an isotope-item that will grow in height when somebody comments inside of it. When it grows, how do I tell the main isotope container to grow with it? Right now what is happening is, as the isotope-item grows, the isotope container maintains it's initial height that was set when calling $(".home_main").isotope(); So when I leave comments inside the isotope-item, the item grows, then is cut off by the main container. Thanks.

I have seen that you can set resizesContainer: true but this hasn't helped me. Thanks.

Not sure if it makes any difference but I have also tried this with the Masonry jquery plugin as well (seems pretty similar) and had the same problem.

Answer

botbot picture botbot · Sep 29, 2012

Found the answer here:

https://github.com/desandro/isotope/issues/275

You have to call relayout like this:

$("#your_container").isotope( 'reLayout' )

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
HTML text input allow only numeric input

Is there a quick way to set an HTML text input (<input type=text />) to only allow numeric keystrokes (plus '.')?

Read More