在这种情况下，如何让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 });