如何在這種情況下使mooMasonry工作？

Question

我是MooTools的新手，我在Contao工作，這使得它更令人困惑，但這是我想要做的：

我有一個列表，其中包含4個元素，每個列表包含一個列表（ul.level_2）更多列表。我想要做的是mason ul.level_2，因此所有的子列表都被迫進入一個緊湊的佈局。

window.addEvent('domready',function(){ 
    $('.nav_main ul.level_2').masonry({ singleMode: true }); 
}); 

我不知道我該怎麼選擇這些清單，因爲我在做什麼是返回此錯誤：

Uncaught TypeError: Cannot call method 'masonry' of null 

Answer 1

該錯誤意味着你的選擇是返回null，所以基本上你'試圖做到這一點：

null.masonry(); 

這顯然不會工作。

在MooTools中，$用於通過其id選擇一個元素。如果您要選擇一組元素，則需要使用$$。請參閱MooTools documentation on Elements。

所以，你的情況，你應該這樣做：

$$('.nav_main ul.level_2').masonry({ singleMode: true }); 

或許更簡單地說：

$$('.level_2').masonry({ singleMode: true });