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