jQuery砌体 - 无法工作 - 缺少明显的东西？

我已经创建了我的页面，并尝试向其添加Masonry并失败。在用几个变体和我在their site上发现的例子收拾我的大脑之后，我决定将它剥离到它的核心，以便在我将它重新放入我的代码之前单独运行。它仍然不能自行工作，并且我已经添加了所有我认为需要的东西（在他们的网站上）以使砌体工作。jQuery砌体 - 无法工作 - 缺少明显的东西？

我的浏览器中启用了JavaScript。
我检查过两个脚本来源都是正确的。
我有jQuery和Masonry .js文件。
我已经尝试了一个clearfix类，使用相同的代码从容器上的源代码div。
我已经考虑到了使我的.box类元素420px的边距，即使它们的宽度为400px。
他们正确地浮动，只是砌体根本不为我工作。

请参阅this jsFiddle为我的意思，如果你的显示器是不够宽，看到漂浮在小提琴框架柱再看看this。

在他们的网站上的砌体示例工作正常，所以这与我的浏览器无关 - 只是我错过了我的代码中显而易见的东西。如果有人能指出我出错的地方，那将不胜感激。先谢谢你。

来源

2012-02-16 Danny S

不知道这将仍然是对你有用，但你只需要结束标记之前贴的代码，并确保你砌体之前

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

来源

2012-06-13 06:13:10

放一些伪代码来帮忙。 – 2012-10-21 08:52:16

调用jQuery的文件

我也一样，后来我发现，我们必须包裹脚本在function()这样的：

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

BTW，砖石官方样片（图像演示）中，他们仍然错过这个（也许它显然容易 - 但是新手拿到命中）

来源

2012-08-14 06:13:46

jQuery砌体 - 无法工作 - 缺少明显的东西？

回答

相关问题