我有这个内容区域,使用同位素插件构建: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');
});
答案 0 :(得分:0)
是的,custom layout非常有可能。
你可以在这个test site看到这个运行的一个例子,其中所有项目都沿着右边缘齐平 - 该布局的(未经过管理的)js代码是here。