我有这个内容区域,使用同位素插件构建: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');
  });

最佳答案

是的,使用custom layout很有可能。

您可以在此test site处看到一个运行此示例的示例,其中所有项目均沿右边缘齐平-该布局的(最小)js代码为here

09-16 11:13