“坏砌体元素：[object Object]”

Question

试图合并最新版本的 Masonry，我不知道这个错误意味着什么。在控制台中，我收到以下消息：

Bad masonry element: [object Object] plugins.js:16
y plugins.js:16
n plugins.js:16
(anonymous function) script.js:24
c jquery.js:3048
p.fireWith jquery.js:3160
x.extend.ready jquery.js:433
q

我的脚本 -

var $container = $('#container');

$container.imagesLoaded( function(){
    var msnry = new Masonry( $container, {
        columnWidth: 320,
        itemSelector: '.item'
    });
});

我已确保包含 imagesLoaded 插件，即使我排除此错误也会显示相同的错误。它似乎指的是我存储 Masonry 代码的 plugins.js 文件，但我没有修改任何内容。

Answer 1

您正在将 jQuery 对象 ($container) 传递给不期望它的 Masonry 构造函数。 您可以将其更改为 $container[0] 以从 jQuery 对象中获取 DOM 元素：

$container.imagesLoaded( function(){
    var msnry = new Masonry( $container[0], {
        columnWidth: 320,
        itemSelector: '.item'
    });
});

或者使用jQuery初始化：

$container.imagesLoaded( function(){
        $container.masonry({
            columnWidth: 320,
            itemSelector: '.item'
        });
    });