问题标签 [masonry]

我正在将 Masonry 用于项目并相应地应用 imagesLoaded。

经过多次测试后，我发现这两者几乎完美地结合在一起，但有时它们会失败。99% 的情况是 imagesLoaded 的错。

但是，在 Internet Explorer 上，imageLoaded 似乎比在任何其他浏览器中加载失败的次数要多得多。

这是我发现的：

• 如果您打开一个新选项卡并直接输入 URL -> imagesLoaded 作品
• 如果你点击刷新 - > imagesLoaded 作品
• 如果您输入 URL，点击刷新，在地址栏中标记文本并按 Enter -> imagesLoaded 失败
• 如果在控制台打开的情况下重复上述操作 -> imagesLoaded 有效
• 有时如果感觉像它，它就不起作用......

这是怎么回事？这只发生在 Internet Explorer（11、10、9 等）中。

这是JS：

还有一个演示页面： http: //lorem-blogsum.tumblr.com/

我在下面有这段代码，我试图将 Instafeed 和 Masonry 一起使用。一切正常，直到我单击“加载更多”按钮。然后砌体布局中断。这可能是因为某些东西在另一个之前加载，反之亦然。我是新手，因此将不胜感激所有帮助。

我得到了使用 imagesLoaded 而不是 window.load 以及使用 appended method 的提示。但我不明白如何将其合并到我的代码中。

我的代码在 script.js 文档中，并在 instafeed.js 和 masonry 之后的页面页脚中输出。

在此先感谢您的帮助！让我知道您是否还需要我做任何事情。

干杯/杰普

这是我从控制台得到的错误。我在这个网站上使用了 angular.js，但我希望我可以只使用masonry.js没有angular-masonry.

JavaScript：

HTML：

所以我搜索了stackoverflow并找到了一些类似的文章，但还没有对我有用。我正在创建一个 Rails 应用程序，我想将Masonry用于我的布局。我已经尝试按照这篇文章中的描述上传 js ，但是无论我尝试了多少次，我都无法让它工作（是的，我匹配了所有正确的 ID 和类）。我知道 gem 正在工作，因为 CSS 加载正常，我只是无法让 JS 工作。这是我目前拥有的

宝石文件：

应用程序.js：

index.html.erb：

_products.html.erb

我很迷茫，我已经为此工作了几个小时，尝试了一切。CSS 工作/看起来不错，但我只是在与 js 作斗争。非常感谢您的帮助！

我正在尝试将 Masonryjs 与 imagesReveal“插件”和基于 CSS 的元素宽度一起使用（我需要它，因为我的项目是通过媒体查询调整大小的）。

这是我的代码：

笔在这里：
http ://codepen.io/FezVrasta/pen/yEilq

如您所见（检查图片）物品放置不正确，我做错了什么？

我正在使用 masonry jquery 插件在容器中排列一些图像，该插件似乎正在工作，但它没有正确显示这些项目。有些空格可以由项目填充，但项目“浮动”留在下一行，这不应该发生。

这个问题可以在这里看到： http ://riley87.co.uk/theme/ionic/portfolio-masonry.html

这是代码：

I first tried Masonry by myself, but there were gaps between the div items. so then I tried using the exact same code from http://jsbin.com/inunin/3/edit, from this tutorial: jaxenter.com/tutorial-get-a-tiled-layout-with-jquery-plugins-43514.html.

All I did was add content to the inside, but there are gaps between them again, like the first time I tried:

jsbin.com/hireturi/3/edit

How do I fix this?

我知道undefined is not a function错误的含义，但我不明白为什么它会出现在这里。

我刚刚下载了最后一个 Masonry 版本并尝试按照文档进行操作。（http://desandro.github.io/masonry/docs/methods.html）

布局工作正常，但似乎我根本无法使用任何masonry()功能。我的电话总是undefined is not a function出错。masonry()

由于布局工作正常，我假设砌体脚本工作正常，那么为什么我不能masonry(...)在没有这个未定义函数错误的情况下使用？

（我搜索了从 Masonry v2 到 Masonry v3 的变化，但没有找到与此功能相关的任何内容）

部分 HTML 代码：

我正在用纯 CSS 制作一个简单的砌体样式布局。它看起来很干净和简单，但最后出现了一些错误。

JSFIDDLE：http: //jsfiddle.net/cheezburger/HXjtK/

CSS：

如您所见，我已经写了显示 3 列。第一排很好，但为什么不是其他的？这是一个已知的错误吗？

我需要有关 magento 中 pinterest/masonry 布局的帮助（我还没有完成 magento 部分）。我是一名网页设计师，但我对这个问题不了解。基本上我不得不在最后一分钟改变布局，因为它作为一个列布局工作得很好。现在它显示重叠，我找不到解决这个问题的方法。我真的很感激一些帮助，我无能为力:(

她是带有布局的测试页面：http: //mtl.itaservices.net/kitchenware/toasters

有时效果很好，而其他（尤其是刷新时）会弄乱布局并导致产品区域重叠或隐藏。

我将永远感激，并可以为任何设计问题提供帮助。