jquery – Masonry插件：调整div不会导致重新洗牌

将砌体项目包裹在1000px宽div中,我有一个按钮,使用jQuery的addClass()将div调整为2000x,问题是Masonry不会重新洗牌项目以填充额外的1000px空间,我知道调整大小是有效的,因为调整浏览器的大小窗口导致重新洗牌.

石工：

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

按钮：

$("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 */

我试着跑(‘a’).使用相同的按钮点击Masonry功能,它似乎正常工作,但问题仍然存在.

有什么建议？我很难过：/

解决方法

我相信你需要在单击重新调整大小按钮时运行masianry函数.

$("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
    });
});