Masonry不使用requirejs使用jQuery初始化方法(Masonry is not working with jQuery initialise method using requirej

Masonry不使用requirejs使用jQuery初始化方法(Masonry is not working with jQuery initialise method using requirejs)

当我们尝试使用jQuery方法初始化时，砌体不起作用。 但它与vanilla javascript一起工作正常。 jQuery加载到我们的母版页中，并且可以全局使用。 我错过了什么。 小提琴

require(['https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js'],function(masonry){ $('.grid').masonry({ // options itemSelector: '.grid-item', columnWidth: 200 }); })

Masonry is not working when we are trying to initialise it with jQuery method. But it is working fine with vanilla javascript. jQuery is loaded in our master page and it is available globally. Am I missing something. fiddle

require(['https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js'],function(masonry){ $('.grid').masonry({ // options itemSelector: '.grid-item', columnWidth: 200 }); })

最满意答案

试一试。 这是从砌体网站到使用要求的链接 。

requirejs([ 'https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js', ], function(Masonry) { new Masonry('.grid', { }); });

小提琴

Give this a try. Here is a link from the Masonry site to use require.

requirejs([ 'https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js', ], function(Masonry) { new Masonry('.grid', { }); });

Fiddle