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'。

砌体，删除＆＃34; is_expanded＆＃34;单击新项目时的类

1 个答案: