我有一个基于同位素的设计。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');
}
});
如果有人可以给我一个提示,我将不胜感激。谢谢罗曼