问题标签 [jquery-masonry]

我正在调整 Masonry Tumblelog 布局，使单列宽度为 320 像素，两列/三列等的倍数，以便它适用于 iPhone 及更高版本。

我正在使用媒体查询将所有列压缩到 iPhone 的 320。这是一种工作方式，即堆叠并减少到一列。问题是它在 iPhone 屏幕上很小，只覆盖了大约 5 分之一的宽度。我已经从 div 向上跟踪 css 元素，并且在媒体查询中全部设置为 320。该网站位于http://www.4pixels.com。有任何想法吗？

我最近发现了Masonry和Isotope JQuery 插件。它们似乎在功能上几乎相同，并且似乎都具有相同的作者。我能看到的唯一明显区别是许可证。

就功能而言，这两者之间的主要区别是什么？你为什么要使用一个而不是另一个？

我正在实现受本教程严重影响的无限滚动效果：

http://railscasts.com/episodes/295-sharing-mustache-templates?view=asciicast

但是，我的做法略有不同，因为我在前端使用了 Jquery Masonry (http://masonry.desandro.com/demos/adding-items.html)。

无论如何，当我按如下方式实现时：

我收到以下错误（Chrome）：

未捕获的错误：NOT_FOUND_ERR：DOM 异常 8

我认为问题出在这里：

因为这将每个模板输出包装在“引号”中，即

而不是：

但是我对自己做错了什么有点精神障碍……有人愿意帮忙吗？

我已经尝试过 jQuery Masonry和Isotope插件，但似乎无法实现我想要的布局。

两个插件似乎都根据前一行元素的高度计算“下一个可用空间”。例如：

在此示例中，#6 项位于最右侧，因为 #4 的高度小于 #2 的高度（我希望它到达的位置）。

我想实现的布局更类似于左浮动元素：

上述两个插件是否有实现此布局的选项，或者可能有不同的插件可用？

我正在做一个网站，其页面显示带有一些内容（视频+文本）的框（大小都相同），这些内容（视频+文本）在click()事件中展开。一旦打开或关闭，该页面将使用砖石重新组织盒子。这个页面很大程度上基于这篇文章，fudgey提供了这个演示。

在我的情况下它几乎可以 100% 正常工作，但是当盒子展开时我有一个动画错误。看起来盒子确实膨胀了，自己缩了一点，并且永远膨胀了。所有这一切都在几秒钟内完成。该页面正在运行 worpdress 以加载帖子，并且还使用scrollTo在框展开后将窗口滚动到正确的位置，并使用 vimeo' api 对框中的视频进行外部控制。

我已经设置了一个jsfiddle来复制该行为。我注意到，如果我评论这一行：$('#grid').masonry();在动画中$('.box').click(function(){它确实可以正常工作，但当然会杀死重组动画。

我很确定解决方案非常接近，但我似乎无法确定它。

可以在此处查看该站点的现场演示。

提前致谢。

我在尝试开发的站点中遇到问题有时尽管调试但加载砌体不正确没有错误或上诉文件或函数调用当我重新加载页面时有时一切都很好有时位置的计算不是站点：http ://walter.testsstaging.com/site/ 打印屏幕问题：http : //walter.testsstaging.com/masonory.png 非常感谢

我开始在我的项目中使用很棒的 JQuery Isotope 插件。一切都很好，但我遇到了corner-stapm选项的一个问题。

我的 masnory 网格中的每个元素都有固定宽度（220px + 5 边距）和随机高度（取决于其内容），我在 CSS 文件中使用@media 查询来更改不同屏幕分辨率上的列数（页面宽度可以是 230、460 , 690.. 等）。

角落印章的问题出现在最窄的版本（一列）中 - 角落印章被同位素元素覆盖......

在这个演示中，同位素官方页面上也出现了同样的问题：http: //isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html（当窗口变窄时，大红色矩形隐藏在其他同位素元素后面） .

我发现它可以像在 Masnory 插件演示站点中一样正常工作！ http://masonry.desandro.com/demos/corner-stamp.html

我已经结合将站点脚本从 Masnory 复制到 Isotope，但没有运气，因为我不太擅长 JS/jQuery：/

让它在 Isotope 中工作会很棒，因为我希望我的网站有过滤选项（在 Masnory 插件中不可用）。

我想使用 javascript 变量来计算 jQuery Masonry 插件的 columnWidth 变量。当我在我的页面上查看源代码时，我看到的是 javascript 中的变量名而不是变量值。

http://jsfiddle.net/robflate/fS2yL/

谢谢

谁能建议这个网站如何使用 jQuery Masonry 插件来实现其响应式、流畅的布局？

http://tympanus.net/codrops/collective/collective-2/

具体来说;

在浏览器调整大小时，列数从 3 变为 2 再变为 1，这是您对使用 masonry 的站点所期望的，但有趣的是列也会调整大小以始终填充可用的整个宽度。我见过的大多数其他砌体网站会随着列数的变化（例如http://masonry.desandro.com/）在列的右侧留下空白，或者列填充全宽但列数保持不变（http://masonry.desandro.com/demos/fluid.html）。他们是动态设置浏览器调整大小与 CSS 媒体查询相结合的列数，还是他们正在使用 CSS3 列？

谢谢。

我在我的网站中使用 jQuery Masonry 来显示博客文章。每个帖子块都添加了 Facebook 评论框。当有新评论时，容器 div 会扩展，不幸的是与下面的重叠。在这种情况下，我需要重新运行 Masonry 脚本来重新加载块。

所以我使用Ben Alman 的 Jquery Resize Event Plugin来检查 div 高度的变化，以便 Masonry 脚本根据新大小重新定位块并避免重叠。

虽然它不起作用，当我用萤火虫检查它时似乎没有错误。我是 Jquery 的新手，我希望我只是在这里犯了一个简单的错误。

如果您想查看它，请查看 bjk-tribun.com 当您在评论框中输入一些评论时，您会看到重叠。