如何在砌體佈局中使用下拉菜單？

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 
      }));