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# - SharpSVN - How to get the previous revision? -

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

url - Querystring manipulation of email Address in PHP -