问题标签 [jquery-masonry]

我想在下拉菜单中使用 jquery masonry，在复杂的下拉菜单中组织动态菜单项块（图像和文本）。

我有几个问题。

首先，如果我从 display:none 开始，那么 masonry 不会进行任何位置计算。由于我使用的是带有下拉菜单的砌体，因此无法打开下拉菜单可见的页面。

其次，菜单容器必须是 position:absolute ，以便下拉菜单在继续页面上打开，并且不会按下菜单下方的文本。砌体将页面的其余部分向下推。

第三，使用 IE 8 和 9（还没有尝试 7），当我隐藏和显示下拉菜单时，项目块开始无组织，然后立即切换到有组织的砌体布局。这是我不理解也无法摆脱的每一次隐藏和展示的闪光。

有没有人在下拉菜单中成功使用 jquery masonry？

谢谢

我正在尝试将一个函数添加到我的代码的点击事件中。顺便说一下，这是使用 Isotope.js，一个非常酷的 jQuery 工具。

所以下面的代码工作如下：点击<ul>火同位素中的数据过滤器链接。<li>这会使用与 data-filter 参数匹配的各种内容填充页面。都好。

但是后来我有额外的代码可以修改一个的大小，<li>所以我需要同位素来触发以下任何点击<li>- 同位素是一个使用砖石的动态页面布局工具。

这会重置布局属性并布局每个项目元素。请参阅 - isotope.js 重新布局

我想我只需要另一段代码用于在单击 an 时触发重新布局功能的脚本<li>。

这就是我所拥有的...

我正在尝试在页面加载时运行一个函数，但它不起作用。我已经在我能想到的每个地方都添加了它，唯一有效的是：

我已经尝试过延迟，但我采用了上述 hacky 方法:(

有人对为什么我的函数无法运行有任何建议吗？

更新：

我正在为 jquery 使用砌体。我的问题是当我加载一个使用 ajax 砌体的页面时，它会在一个列中显示它们。$('#project_thumbs_container').masonry('reload');正确重置它，但它只能使用上述mousemove方法。

我正在为我的投资组合项目使用砖石。当我直接进入页面时，它会将图块加载到适当的列中。但是，我的网站是使用 pjax 加载的，当我加载投资组合页面时，所有投资组合项目都会加载到 1 个单列中，直到我调整窗口大小。

它就像砌体在 ajax 请求后不知道客户端的宽度，然后在调整窗口大小时从它中取出。

任何有砌体经验的人都知道我正在经历什么？

我得到了这个 javascript，试图删除父元素上的一个类：

在这个 html 上：

不幸的是，这到目前为止还行不通。我做了几个测试，比如：

和

这一切都有效。我在wordpress网站上使用jQuery 1.6.2和jQuery masonry 。这里有一个现场演示，可以看到这一切（不）工作。基本上它可以工作，但是该类没有从 中删除的事实确实会立即重新打开及其内容。我很困惑为什么它不删除课程。divdiv.expanded

编辑：我刚刚明白，当文档加载时，类就在那里。它是在点击图片之后添加的，因此我认为我的删除问题来自于此。对不起，误导性的解释。

这与这个问题相同，但我对 JSFiddle 上的问题进行了复现。所以我想我会重新发布。

JQuery Masonry 似乎只在第一次运行时评估其容器的孩子一次。在那之后，不可能让它再次查看 DOM 以重新评估它的子节点。

标题几乎说明了一切，我确实研究了 masonry 的图像插件但我没有运气，我想知道是否有人可以提供帮助？

该脚本做了很多事情，它具有过滤器位、动画、显示/隐藏、ajax 来获取内容等。如果有人能调查它为什么重叠以及我如何根据下面的代码：

所以我正在尝试制作一个重新调整为 jQuery Masonry 网格当前宽度的标题。

我的工作示例在这里：http: //jsfiddle.net/hGnLH/

我正在尝试对该站点进行类似的影响： http: //citizenmag.citizenm.com/（我希望标题仅与砌体网格一样宽，并在用户更改浏览器宽度时重新调整大小）

任何帮助/建议将不胜感激。

我正在尝试使我的 jQuery Masonry 墙的宽度与伪流体布局上的标题相同。见http://blart-philip.com

我找不到办法。

我的 CSS 代码width: 51em;在元素级别被砌体 JS 覆盖，使其始终相对于article#content容器。

可以做什么？

这是我的 JS 代码：

有什么建议么？

谢谢

拍

我正在构建一个使用 David DeSandro 出色的 Isotope 插件的照片博客，但我目前在让插件在响应式/流体网格中按预期工作时遇到了一些困难。

www.lewismalpas.co.uk/tumblr（演示）

每个图像都包含在一个 div (.item) 中，其显式宽度为 25%，因为图像很灵活，理论上应该允许内联显示四个图像，但是目前只显示两个图像，我似乎无法找出问题所在。