展開盒子時，帶有Isotope插件的空白，怎么辦？

Question

我有這個內容區域，使用同位素插件構建： http : //jsfiddle.net/B2Erk/

內容包括10個大小相同的盒子。

當按下帶有“數字3，數字4，數字7和數字8”的框時，它們將向右擴展。 這將導致單擊該框，將其移到下面的行，並將空格留到上面的行（請參見小提琴）。

是否可以使盒子（3號，4號，7號和8號）向左打開並使其沒有空格？

縮小時也需要工作。

用於擴展框的代碼：

// change size of clicked element
  $container.delegate( '.item', 'click', function(){
    $(this).toggleClass('large');
    $container.isotope('reLayout');
  });

Answer 1

是的，使用自定義布局很有可能。

您可以在此測試站點上看到運行此示例的示例，該示例中的所有項目均沿右邊緣齊平- 此處的布局的（未縮小）js代碼在此處 。