jquery - Masonry Plugin: Resizing div wont cause reshuffle -


have masonry items wrapped in 1000px wide div, have button resize div 2000x using jquery's addclass(), problem masonry won't reshuffle items fill 1000px space, know resize works because resizing browser window causes reshuffle.

masonry:

$(function(){     $('#container').masonry({         // options         itemselector : '.item',         columnwidth : 240     }); }); 

button:

$("a.button").toggle(function(){     $(this).addclass("flip");     $("div#container").fadeout("fast", function() {         $(this).fadein("fast").addclass("resize");     }); 

css:

width: 1000px; /* default */ width: 2000px !important; /* on button press */ 

i tried running ('a').click on masonry function using same button, , seems work problem still there.

any advice? i'm stumped :/

i believe need run masonry function agian when re-size button clicked.

$("a.button").toggle(function(){     $(this).addclass("flip");     $("div#container").fadeout("fast", function() {     $(this).fadein("fast").addclass("resize");     // run masonry again     $('#container').masonry({             itemselector : '.item',       columnwidth : 240     }); }); 

Comments

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

java - Output of Eclipse is rubbish -

jquery - Confused with JSON data and normal data in Django ajax request -