Question

我已经制作了我的页面，并尝试将Masonry添加到其中并失败了。在使用了几个版本并使用their site上的示例来解决我的大脑之后，我决定将其剥离到其核心以使其单独工作，然后再将其放回到我的代码中。它仍然不能单独工作，我已经添加了我能想到的所有内容（在他们的网站上），以使砌体工作。

我的浏览器启用了javascript。
我已检查过两个脚本来源是否正确。
我有jQuery和Masonry .js文件。
我尝试了一个clearfix类，在容器div上使用相同的代码。
我考虑了使我的.box类元素为420px的边距，即使它们的宽度为400px。
他们正常漂浮，只是砌体根本不适合我。

请参阅this jsFiddle我的意思，如果您的显示器不够宽，看不到小提琴框架中的列，请参阅this。

他们网站上的砌体示例工作正常，因此它与我的浏览器无关 - 只是我错过了我的代码中明显的东西。如果有人能指出我出错的地方，我将不胜感激。提前谢谢。

Answer 1

与我相同，后来我注意到我们必须将脚本包装在这样的function()中：

$(function(){
    var $container = $('container');
    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector : '.box'
        });
    });
});

顺便说一下，在砖石官方样本（图像演示）中，他们仍然想念这个（也许它显然很容易 - 但是新手被击中了）

Answer 2

不知道这对你是否仍然有用，但你只需要在关闭body标签之前粘贴代码，并确保在Masonry之前调用jQuery文件

http://jsfiddle.net/cbmunro/GY4mj/6/

jQuery砌体 - 无法上班 - 缺少明显的东西？

2 个答案: