2

我有一个基于同位素的设计。itemSelector 是可点击的,应该切换(向下滑动)内部的隐藏元素。然后同位素容器不会完全重新布局,只会在元素所在的列中滑落。

为了更好地描述我的愿望,我创建了 2 个图像。

此处所有元素均已关闭 图 1

这里元素 6 是打开的,只有第二列应该更高 在此处输入链接描述

到目前为止,我有一些我使用的代码。该代码到目前为止工作,但重新布局整个 Conatiner 完全。

// change size of clicked element

$container.find('.team').live('click', function() {
if ($(this).is('.large')) {
jQuery('.teaminfo', this).fadeToggle(350, "linear");

$(this).toggleClass('large');
$container.isotope('reLayout');

} else {

jQuery('.large > .teaminfo');
$container.find('.large').removeClass('large');

jQuery('.teaminfo', this).fadeToggle(350, "linear");

$(this).toggleClass('large');
$container.isotope('reLayout');

}
});

如果有人可以给我一个提示,我将不胜感激。谢谢罗曼

4

1 回答 1

0

只需在不需要同位素的列中推下不断增长的框;)

也许插件的这种类型的功能可以根据您的需要进行更改。

于 2012-07-11T11:12:48.520 回答