Element虽然应该调整大小但不会调整大小

Question

我正在使用isotope插件进行类似于盒子的pinterest，唯一的问题是：如果盒子中的任何内容发生变化（并改变盒子的高度），那么它们会重叠。为了避免这种情况，我正在尝试这个：

$('#container').isotope({
  // options
  itemSelector : '.box'
});

$(".special").click(function() {
    $(this).append("I'm a <strong>special</strong> box!");
    $('#container').isotope({'reLayout'});
});

..但它似乎不起作用。

请在此处查看示例：http://jsfiddle.net/eELmb/

Answer 1

尝试使用relayout，如下所示：

$('#container').isotope('reLayout');

http://isotope.metafizzy.co/docs/methods.html#relayout