Jquery js仅垂直输出，有显示：block；

我安装了massy.js，将我拥有的每个项目创建为网格（随着时间的推移，这些项目将具有不同的高度，因此使用了massy）

然而，它似乎并没有真正起到任何作用，只是将每件物品堆叠起来，并使其宽度达到25%。我已经完成了入门步骤，但这似乎没有什么作用

/*初始砌体*/
var container=document.querySelector（“#container”）；
var msnry=新砌体（容器、{
//选择权
排水沟：10，
itemSelector:“.item”
});

在您的ajax请求完成之前，正在调用砌体。脚本应该在DOM中创建所有项目后运行。可以通过将其添加到ajax（）的“complete”属性中来实现这一点。此外，还应指定列宽度

因此，在演示页面中，您需要将代码的第19-25行下移到第33行，如下所示：

jQuery(function () {
    $.ajax({
        url: 'http://www.sagittarius-digital.com/news.rss',
        dataType: 'xml',
        complete: function() {
       /* Init Masonry */    
       var msnry = new Masonry( container, {
           // options
           gutter: 10,
           itemSelector: '.item',
          // Add a column width
           columnWidth: 50
        });  
    }
})...

---

另外，请确保不要在dataType属性后省略逗号。

“Live Demo”只显示了一个绿色background@gtgaxiola加载需要几秒钟我才意识到我把砌石和同位素（这是我过去使用的）混淆在一起制作网格，但这只是免费供个人使用。。否则$25许可证不幸的是，我使用的是massy.js而不是同位素

jQuery(function () {
    $.ajax({
        url: 'http://www.sagittarius-digital.com/news.rss',
        dataType: 'xml',
        complete: function() {
       /* Init Masonry */    
       var msnry = new Masonry( container, {
           // options
           gutter: 10,
           itemSelector: '.item',
          // Add a column width
           columnWidth: 50
        });  
    }
})...