问题标签 [jquery-masonry]

I have a simple masonry grid. When it loads the .content class is visible. When you reload the items flow in to each other.

This only happen in Chrome and Safari, in Firefox it looks good.

Here is the css from the grid:

This is how masonry is called:

I can work around it with min-heights and margins but that's not dynamic and doesn't look very clean.

Here is a JS Fiddle but it doesnt really replicate the issue.

目前，当我将新项目附加到我的砌体容器时，它们被添加到左上角，然后飞入到位。然而，在砌体网站的这个例子中，新元素出现在底部。

它在演示描述中说演示“使用 IsAnimatedFromBottom 标志”，但查看代码我看不到它：

还要查看列出的选项，它似乎没有列出，所以有人知道这是如何使用的吗？

我正在使用出色的 jQuery Masonry 脚本，但是在让所有内容都正确排列时遇到了一个小问题。基本上，我有一个浮动对象数组，它们以页面为中心，具有以下内容：

然而，在 上方div.category-matrix，我还有一个页面的标题，无论有多宽，我都希望保持居中div.category-matrix。

div.category-matrix设置了最小宽度但没有最大宽度，因为我希望它可以拉伸到与浏览器窗口一样宽。

有没有办法将标题的宽度绑定到.category-matrix？

谢谢！

我正在尝试应用此选择器来删除看起来像这样的 div 中除第一个之外的所有图像。

如此处所示：

http://jsfiddle.net/jojoroxursox/9AFpv/

但是，当应用于砖石网格时，它会删除所有项目，即使是只有一个图像的项目。

http://jsfiddle.net/jojoroxursox/M9Yau/

有什么建议么？

我正在使用 Masonry 插件在页面上浮动元素，它使用该类.item将 Masonry 效果应用于 div。

我想将.fadeOutand.fadeIn应用于已经是 Masonry 的多个 div .items，但由于我不能将相同的 id 应用于不同的 div，这被证明是困难的。

这是我现在正在做的事情，它无法正常工作：

JS：

HTML：

我尝试将多个类应用于每个 div，但这也不起作用。提前致谢。

使用：jQuery Waypoints 和 Masonry 创建无限滚动网格布局。除此之外，它们工作正常。但是，我无法弄清楚如何让他们一起工作。

航点代码

砌体代码（针对动画 2011 年 9 月 18 日更新）

我查看了 Masonry Infinite Scroll 示例，但无法让 Infinite Scroll 在我的页面上工作（这就是我开始使用 Waypoints 的原因）。

问题是当 div 加载了 Waypoints 时，它们没有通过 Masonry 正确地将自己对齐到网格中。最重要的是，任何 rel= 标签在加载的对象上都会被否定（也使用 Tooltips 脚本来创建 html 工具提示。）

所以基本上，我想要做的是：[1] 当通过航点加载 div 时，使用新加载的航点 div 更新网格布局，同时保持来自所述 div 的任何数据完整（正确触发），就像前面提到的工具提示问题一样。可以在http://regchan.org/ib/dev/直接看到该问题的一个示例。（页面设置为初始加载 4 个 div，即前 4 个，然后从后续页面（如果适用）加载 4 个，直到没有更多可用。）

.poster3 是保存图像的 div 的类，#mason 是围绕动态创建的内容的选择器 div。

编辑 查看了 Masonry 网站的无限滚动代码，并将一些东西缝合在一起（尽管它没有抓取数据）：

不过，Firebug 并没有为它抛出任何错误。

我正在使用jquery Masonry 插件并希望在插件触发之前隐藏所有内容。Masonry 默认会在触发之前加载所有图像。我想在插件触发之前显示一个“正在加载”的 div。我已经实现了一个页面，它检查分辨率是否高于 1024 像素，然后在页面加载时显示一个“正在加载”的 div，但现在页面内容出现在插件触发之前。

请参阅此处的工作示例。

如您所见，内容出现和插件触发之间存在延迟。希望有人可以帮我延迟触发后出现的内容单元？

干杯 - 杰西

似乎当我尝试加载页面时，所有图像都堆叠在一起。但是，如果您要单击将您带到同一页面的链接（例如主页链接），那么砌体就会启动。所以我认为砌体加载得太早了，就像在 jquery 准备好页面之前一样。

这是我的jQuery调用：

这是有问题的页面：

http://ratattoos.com/

它在 Firefox 和 IE8 中运行良好。

我对 Masonry 有一个独特的问题，我希望得到一些帮助。因为我是通过 Typekit 从外部加载字体，所以我必须在 window.load 而不是 document.ready 中包含 Masonry 代码（有必要在 Masonry 加载之前加载字体，因为否则行长不同，所以绝对定位会搞砸来源）。我还需要直接链接到 Masonry 组中的部分（作为页面中的锚点）。将这两件事结合起来的问题是，如果您使用 window.load 则在页面加载时锚点不存在，因此链接会指向 Masonry 部分的顶部，而不是 Masonry 部分中带有链接的特定部分。关于如何纠正这个问题的任何想法？最简单的解决方案是让代码工作而不必求助于 window.load。不幸的是，我无法找到替代方案。任何帮助都是极好的。

我通过 jquery .load() 加载 soundcloud 嵌入式播放器

在 IE 中，只要有 swf，加载就会冻结并变得不完整。如果没有，则查询工作正常。它也适用于 chrome、Firefox 和 Safari。

}

对象看起来像这样

你可以在这里查看演示版本 http://www.konstructive.com/projects/karlssonwinnberg/

和这里的 ajax 加载页面 http://www.konstructive.com/projects/karlssonwinnberg/?page_id=118&cat=0

还有另一种使用ajax 加载flash 的方法吗？任何帮助深表感谢