问题标签 [jquery-masonry]

我在 Masonry 插件 (http://www.4pixels.co.uk/) 上构建的投资组合网站中有三个页面。在第一页上，fancybox 非常适合一些图像。

但是当我使用infiniteScroll在第一页底部加载第2页时，花哨的框链接停止工作，只是将厚框图像加载到新页面中。

如果我将第 2 页（http://www.4pixels.co.uk/index2.html）直接加载到浏览器中，它可以正常工作（使用所有 css/js）。我已经从该页面中删除了 js 和 css，因为它从第 1 页加载它们，但这没有任何区别，而且花哨的框仍然不起作用（尝试使用的图像是 Winston Ellis 网站的响应屏幕）

所有最好的安迪

我努力了

但仍然无法正常工作。我看到你的例子是有效的，所以我必须把它拆开，因为我看不出我错了..

每次单击时，它似乎都会不断添加新的 newHeight 和 newDistance，我正在尝试使用顶部的全局变量保存原始高度并使用数据来执行此操作，但我得到了奇怪的结果，基本上我应该能够重置newDistance 和 newHeight 按照之前的第一个原始值通过单击运行该批次，但它没有，并且每次单击破坏我的布局时我都会获得新的附加值：

任何人？

我正在使用流行的 jquery 插件 Masonry 来很好地适应我的列在我的布局中。我正在使用 setInterval 来解决与 BoltHead 完全相同的问题： JQuery, setTimeout not working

解决方案是使用 setTimeout 每秒更新一次砌体插件，如下所示：

就浏览器性能而言，这是一个坏主意吗？我认为 jquery 每秒运行这个相当庞大的函数会减慢速度。这是一个不好的做法吗？我这样做的原因是因为我正在使用 .slideToggle 向下滑动更多内容，因此需要砌体来重新调整布局。对此解决方案有任何想法吗？

可以说我有

CSS：

HTML：

应用于 wrap-boxes 的 clearfix 将不起作用，因为它包含具有绝对位置的元素。

因此我需要使用 jQuery 来计算盒子的高度以扩展包装盒。我不知道这些盒子的高度，因为它们的高度是随机的，而且我不知道盒子的总数，因为它们是由客户端不断生成的。我需要一个通用的 jQuery 来解决这个问题。如果我不扩展 mainWrap 框将被切断，我需要使用溢出：隐藏其他原因。

对此有什么帮助吗？

真的用这个敲我的头。

我正在使用同位素http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html。

我有一个#container 设置相对，在其中我有一个带有隐藏子导航的顶部导航的头部，如果我单击导航上的链接，它会扩展子导航。美好的。我为这些盒子设置了一个相对的包装器，这些盒子绝对是由同位素设置的。

问题是当 subnav 展开时，它会将内容向下推，但框会被截断。#container 使用溢出：隐藏，我不能让它可见，否则会产生其他问题。我已经尝试了很多解决方案，只是无法弄清楚。

我找不到可以将自己的代码用于调整大小和重新定位的位置。我需要找到在哪里插入回调，这是我应该看的唯一一点，我只是找不到在调整大小时插入回调函数的位置

任何想法？

我在我的一个页面上遇到了一些问题，它从服务器抓取了大量图像，将它们转储到屏幕上，并使用砖石将它们全部铺开。

所有图像都加载了，但似乎在图像加载到底部之前就调用了砌体，所有图像都加载得一团糟。我附上了一些截图给你看。请注意，这也发生在其他页面上。

还有一些我正在使用的重要代码。

任何帮助总是受到赞赏。

-R

当浏览器窗口或屏幕宽度低于某个数字时，我基本上是在尝试更改砌体脚本的布局。当您更改浏览器宽度时，我希望它能够（实时）响应，但它现在只是中断。此外，由于某种原因，只有首先加载的脚本才能工作。我已经测试了 Masonry 的 isResizable:true 选项，但它没有得到我想要的效果。谁能提供修复？这是 Masonry 的页面，想知道是否有人可以帮助找到有关此页面的解决方案：http: //masonry.desandro.com/docs/methods.html

这是我的代码：

编辑 ===============

更新代码：

我正在使用这个插件： http: //masonry.desandro.com/

我目前为 960px 布局初始化插件，我的代码是：

当屏幕宽度或浏览器窗口宽度高于 1225px 时，我想将 columnWidth 数字从 113 更改为 146。我该怎么做呢？

我在这里有点绝望。我一直在阅读我在 Drupal.behaviours 上可以找到的所有内容，但显然还不够。我尝试使用无限滚动插件运行砌体网格，以将新图像附加到砌体。到目前为止，这工作正常。我想在我的网站上实现的下一件事是悬停效果（它显示图像上的信息）和后来的幻想框以显示更大尺寸的图像。

现在我读到如果我希望悬停事件也发生在新添加的内容上，我需要重新附加 Drupal.behaviours。

我现在在哪里编写 Drupal.attachBehaviours() 以使其实际工作？还是有其他一些我只是没有看到 atm 的错误？我希望我写了这个问题，以便它可以理解，也许它也对其他人有所帮助，因为我经历过在 drupal 7 中没有真正的“官方”运行版本的这种组合。