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

Question

我正在使用带有Masonry的布局列表（以及animOnScroll）。我想在我的列表项中添加bootstrap下拉列表，但是Masonry直接插入每个下拉列表<li> DOM节点style="position: absolute; left: 0px;"。

我已经覆盖了<li>项的animOnScroll CSS规则（选择器.grid li{与我的下拉项匹配）。

但是，我无法弄清楚如何删除这些直接样式属性或它们在每个下拉列表<li>中显示为style="position: absolute; left: 0px;"

的原因

Answer 1

砌体提供item-selector option以避免此类问题。我知道但事实证明AnimOnScroll在直接实例化Masonry时添加了自己的选项。然后，在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
            } ));