select - 在这种情况下，我怎样才能让 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 选择元素。如果要选择元素数组，则需要使用 $$。请参阅有关 Elements 的 MooTools 文档。

所以，在你的情况下，你应该这样做：

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

或者，更简单地说：

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