javascript - 砌体，单击新元素时删除 "is_expanded"类

Question

我使用的布局类似于 http://masonry.desandro.com/methods.html#layout并且想知道是否有办法在他们的时间只激活一个元素。因此，当您展开一个新元素时，您当前打开的元素会恢复到其原始形式(删除 class="is_expanded")。我对编程很陌生，真的不知道在哪里查看统计信息，尝试配置 How do I remove class from previous selection when clicking additional item?但没有运气

Answer 1

classie.toggle( event.target, 'gigante' );

这是神奇的部分 - 它添加了一个类“gigante”，然后使其成为 4*4(或其他)

如果你只想一次展开一个

eventie.bind( container, 'click', function( event ) {
// don't proceed if item was not clicked on
if ( !classie.has( event.target, 'item' ) ) {
return;
}

// change size of item via class
 $('.item').removeClass('gigante'); // add this line
classie.toggle( event.target, 'gigante' );
// trigger layout
msnry.layout();
});

我添加的行所做的是从元素中删除所有“gigante”类，然后切换将再次将该类添加到元素中。

$('.item') 只是每个元素都有的一个类。

这个答案假设只有展开的元素才会被称为“gigante”。