如何在砌体布局中使用下拉菜单？

Question

我正在使用砌体布局列表（以及顶部的animOnScroll）。我想将自举下拉列表添加到我的列表项中，但砌体会直接插入每个下拉菜单<li> DOM节点a style="position: absolute; left: 0px;"。

我已经为<li>项目重写了animOnScroll CSS规则（选择器.grid li{与我的下拉项目相匹配）。

但是，我想不出如何删除这些直接样式属性或为什么他们出现在每个下拉<li>为style="position: absolute; left: 0px;"

Answer 1

砌体提供了一个item-selector option，以避免这种问题。我知道它，但事实证明，AnimOnScroll在直接实例化砌体时添加了自己的选项。出现故障的线路然后，在AnimOnScroll：

self.masonry = new Object(new Masonry(self.el, { 
       itemSelector: 'li', 
       transitionDuration : 0 
      })); 

应该改为：

self.masonry = new Object(new Masonry(self.el, { 
       itemSelector: '.grid-item', 
       transitionDuration : 0 
      }));