带有同位素插件的白色空间扩展盒子时,该怎么办?

时间:2014-01-22 07:29:24

标签: javascript jquery html css jquery-isotope

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

1 个答案:

答案 0 :(得分:0)

是的,custom layout非常有可能。

你可以在这个test site看到这个运行的一个例子,其中所有项目都沿着右边缘齐平 - 该布局的(未经过管理的)js代码是here