将砌体项目包裹在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
});
});
