jquery - bootstrap - "Elemento de mala mampostería:[object Object]"

masonry grid javascript

Question

Al tratar de incorporar la última versión de Masonry, no tengo ni idea de lo que significa este error. En la consola, recibo este mensaje:

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

Mi guion -

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

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

Me he asegurado de incluir el plugin imagesLoaded, el mismo error se muestra incluso si descarto esto. Parece que se está refiriendo a mi archivo plugins.js donde he almacenado el código de Masonry, pero no he modificado nada.

Answer 1

Está pasando el objeto jQuery ( $container ) al constructor de mampostería que no lo espera. Puede cambiarlo a $container[0] para obtener el elemento DOM del objeto jQuery:

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

o use la inicialización de jQuery:

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