问题标签 [jquery-masonry]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
979 浏览

jquery-plugins - 为 jQuery Masonry 中的元素添加底部边距

我正在使用 David Desandro 的 jQuery Masonry 插件的分叉版本,它允许我设置列的宽度。

间隔宽度:10,

http://github.com/gilmoreorless/masonry

但是如何在元素上设置底部边距以使其与列的间距相等?

谢谢你

0 投票
2 回答
1782 浏览

javascript - 以一定速度滚动时,砌体和无限滚动打破布局

我有一个流体宽度主题,我正在使用 jQuery Masonry 和 Infinite Scroll。问题是,如果您以一定的速度(不太快也不太慢)滚动页面,可能会导致网格中断。我只在 Firefox 中看到了两列:

屏幕布局

有谁知道为什么会这样?我知道这可能是很多事情,但如果有人有这方面的经验并且知道发生了什么,那将有很大帮助。

更新:中断发生在页面上的最后一个帖子之后。后面的那些是由无限滚动的回调生成的。

0 投票
3 回答
9236 浏览

jquery - 在砌体中随机化砖块

是否可以随机化 JQuery 插件 Masonry 中的砖块,以便每次页面加载时查看不同的排列?据我所知,没有随机选项。

谢谢!

0 投票
1 回答
884 浏览

javascript - 滚动条不会在页面上更新

我在我的页面上使用 jQuery Masonry 插件。我已经进行了设置,以便在单击一个框时,会显示一个弹出对话框,其中包含该框的内容。

我在这里创建了一个演示。

在显示弹出窗口之前,页面上有一个滚动条,因为所有框都不适合那里。单击其中一个框时,我将内容附加到弹出窗口中并显示它。我隐藏了所有其他框,但滚动条没有更新以反映弹出窗口,即弹出窗口中的内容小于查看区域,但滚动条仍然保留在框上。

如果你明白我的意思,你能帮帮我吗?

谢谢。

0 投票
3 回答
3806 浏览

jquery - jQuery Masonry 与 jQuery UI 可排序冲突

使用 Masonry 时,jQuery UI Sortable 不起作用。知道如何避免这种冲突吗?任何帮助,将不胜感激。

0 投票
1 回答
3371 浏览

javascript - jQuery Masonry 自下而上

有谁知道如何从下到上制作 jQuery 砌体堆栈?我写了一些基本的 JS 来从下到上堆叠东西,但它不能做像在最短的柱子上堆叠下一块砖和跨越多列的砖块这样的砌体式的东西。由于我数学不好,看源代码只是让我头晕目眩。

自下而上堆叠

有人想试试吗?

0 投票
4 回答
12644 浏览

jquery - 删除项目时刷新 jquery.masonry

通过 Ajax 删除项目时如何刷新 Masonry?这是我用来删除项目的代码:

我想要刷新的原因是在删除项目后消除产生的空格。

0 投票
2 回答
2503 浏览

jquery - jquery masonry:nth-​​child() 向子节点添加不需要的边距

我正在尝试使用很棒的 jquery masonry 插件-> http://desandro.com/resources/jquery-masonry/

该插件工作得很好,但是我在创建一个布局时遇到了问题,我使用一个 nth-child() 选择器来摆脱每隔三个元素的边距。

由于我的这个小部件的容器正好是 1068 像素宽,因此三个小部件完全适合(因为最后一个小部件没有右边距)。

当我尝试使用 jquery masonry 插件时,这种行为会被忽略!只有两列适合。(该插件有效,因此所有小部件都以砖石风格浮动。)当我检查元素时,每三个元素的右边距也为 24px。所以 nth-child 被忽略。

有什么办法可以让它工作吗?

0 投票
1 回答
1240 浏览

jquery - 有人可以帮我从 Jquery Plugin Masonry 切换到 Isotope 吗?

因为我是 Jquery 的新手,所以我在将这个脚本从 Masonry 切换到 Isotope 时遇到了问题。它在使用 Masonry 时也完全按照我想要的方式运行,但是当我在 Isotope 中尝试所有内容时,它的动画效果不正确......当我展开一个 .box 时,它只会移动其他 div 并且不会为它们设置动画但是将它们“滑动”到新位置。

这是砌体格式的脚本:http: //jsfiddle.net/ryanjay/fgNMJ/

希望有人可以帮助...

谢谢!

0 投票
2 回答
290 浏览

jquery - 为什么我的动画后 IE 的边距不正确?

我正在为我的网站的动态布局使用 jQuery Masonry(谷歌它,它非常棒)。

出于某种原因,当我在执行 .load() 事件后调用 Masonry 时,我并没有完全得到预期的布局。

要了解我的意思,请访问http://keepskatinbro.com,然后单击任何框将其展开打开,然后您会注意到布局已调整,以便封闭的框漂浮在打开的框周围。问题是打开的框下方的框与打开的框的底部重叠。

如果您调整浏览器的大小(恢复,然后最大化),您将看到正确的布局,因为当浏览器大小改变时 Masonry 会触发。请注意,在调整浏览器大小后,打开的大框下方现在有一个边距。

在我动态打开并将内容注入盒子后,这个边距需要存在。

不过,它在其他浏览器中也能完美运行。

这是使一切发生的代码。几个函数,最后最后一个块调用包括 masonize() 在内的所有函数。Masonize() 本身运行良好,但在回调中,我似乎遇到了所描述的问题:

知道可能是什么问题吗?先感谢您!