问题标签 [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 投票
2 回答
2159 浏览

javascript - 如何在砌体之前加载脚本?

我对javascript很陌生,所以如果描述得非常可怕,请耐心等待......如果有人可以花时间为我检查这段代码,我相信有一个简单的解决方案:

http://nang-nang.net/masonry/index.html

^我的考场

我正在尝试使用 Masonry,但未加载的图像导致元素重叠。提供了一个名为 ImagesLoaded 的解决方案(在 Masonry 附录页面中),我尝试过,但无法让它工作。然后我想,ImagesLoaded 可能无法正常工作,因为导致问题的图像是由另一个 javascript 生成的......

我正在使用从您的 tumblr 博客中提取最新图像的脚本。这是我最新的 tumblr 图像,在 Masonry 安排我的元素之前没有加载。所以 tumblr 元素之后的元素总是出现在它的上面。(我无法设置该图像的高度,因为它总是变化的。)

我想我的问题是;在 Masonry 可以安排我的元素之前,如何让 tumblr 脚本加载我最新的 tumblr 图像?

0 投票
1 回答
773 浏览

jquery - 附加和预置项目砌体与图像加载?

我正在尝试使用这个演示:

http://tympanus.net/Development/GridLoadingEffects/index2.html

但我不能预先和附加新元素。

新元素不显示,但它在源代码中仍然存在。任何人都可以帮忙吗?

0 投票
2 回答
372 浏览

javascript - 将单击切换绑定到图像而不是 Masonry 中的整个 div

我正在使用 Masonry 来切换 div 的高度和宽度。我在扩展 div 中有链接,但我不知道如何制作它,以便仅在单击图像而不是 div 内的任何位置时切换高度/宽度。

jQuery:

内容循环(WordPress):

0 投票
1 回答
902 浏览

jquery - 带有砌体的jquery-ias创建无限滚动无法正常工作php

我试图让 jquery-ias 与砖石一起工作,但我无法让它工作。

我正在使用 mysql 数据库和 php 来加载图像。

经过大量的试验和错误,我几乎可以正常工作。

我能够将所有图像正确加载到砌体网格中。

我也可以无限滚动工作。

我的问题是我无法让加载 gif 工作或出现“加载更多项目”按钮。

我正在使用的代码是

});

});

任何帮助都会很棒

一切正常,只是看不到加载 gif 或加载更多项目按钮,这是真正需要的

0 投票
4 回答
232 浏览

javascript - wordpress 实时站点上的 Masonry.js 问题,但不是本地开发站点

我在这个网站上工作:http: //lisarevson.com/

它使用带有 Masonry.js 的 wordpress 主题。

我下载了该站点并克隆了数据库,该站点在 MAMP Pro 上本地看起来不错。

然而在现场,如您所见,砖石瓦片从底部向上滑动并相互重叠。我有点不知所措,为什么它会在现场发生而不是在本地发生,因此如何解决。

想法?

0 投票
1 回答
895 浏览

jquery - Jquery响应砌体移动网格布局

我想在 Jquery mobile 中创建一个付费订阅网站,因为我认为该网站在服务器上比 Wordpress 更有效。当然,其中会有用于联系页面等的 PHP,但我更喜欢带有 Jquery 移动 ui 的响应式 Jquery 站点。

我的问题是我想创建一个与 Masonry.js 类似的带有几个不同大小的 div 的登录页面。


我要创建的布局在这里: http ://themeforest.net/theme_previews/1921894-vivid-jqueryhtml-template?index=1&url_name=vivid-jqueryhtml-template在该链接。最左边的一些教程的链接,右边的一个小滑块,然后在这些内部号召性用语链接和更多有趣的帖子下方。

我将如何操作在 jquery 中看到的集成 ui-grid-layout-b http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_grid_responsive以实现其他布局?

您能否提供一个带有后退按钮的第二页示例。我也无法设置 Ajax。我正在使用 Dreamweaver 来消除基本布局。谢谢。

0 投票
1 回答
383 浏览

jquery - 使用 XSLT 加载更多内容?

相当简单的概念。我有一个分页数据源,它将内容以 15 个块的形式提供给砌体墙。我想在那里粘贴一个“加载更多”按钮。

我是否需要加载整个 DS 并消除分页,然后用 jQ 屏蔽它?听起来它可能会变得迟钝?

如何连接此功能?仅在请求时输入 XML 输出?我试图简单地从砌体文档中获取一个现有的附加按钮,但我的代码使它作为页面“NaN”的链接工作......我并没有真正混合 XSL 和 jQuery 太多。不知道从哪里开始.. 下面是我的按钮代码。

这是相对的js:

0 投票
1 回答
753 浏览

html - Js Masonry 工作正常,除了 1 个小问题重叠

我知道这已经被问过百万次了。我查看其他主题以寻求解决方案,但到目前为止我无法修复它。

我正在使用 Masonry 开发网格系统,例如 pinterest 和 google 图片。它工作正常。图像在 Firefox 上正确加载,但在 Chrome/Safari 中,它们会重叠,直到我刷新页面。这很奇怪,因为图像在我的 iPhone 上加载良好(直到我刷新页面并且它们重叠)。

此外,我刚刚注意到 Firebug 在加载图像的脚本中给我的错误。这条线。

这是我的页面设置。

总而言之,如何解决刷新页面上的重叠问题?

附言。我应该提到,在浏览器中,只有当我使用 ctrl + f5 刷新时,图像才会重叠。正常刷新页面不会堆叠图像。

0 投票
3 回答
604 浏览

javascript - Ajax 请求成功,但无论如何都会继续到目标 url

我正在处理一个页面,该页面包含 div 中的各种 Youtube 视频缩略图,每个缩略图都有链接,<img>并且容器上有 Masonry 来控制类切换以调整所选视频的大小。

这个想法是div点击,这会触发砌体来更改 CSS 并触发.ajax()对 django 的请求,该请求会返回所选视频的模板。(当您再次选择它以返回缩略图模板并使用 Masonry 重置为正常时,将执行相反的操作)。

就目前而言,我有两个 javascript 函数,一个在 div 上触发砌体,另一个在视频链接上触发 ajax 请求;

和 HTML;

我本质上是一个 javascript 新手,所以我确信这是一个非常基本的问题。当我通过async禁用的 chrome 开发工具运行它时,我看到 ajax 请求返回预期的内容,但最终最终出现在目标页面上,而不是$(selector)按预期加载内容。当我启用async它时,它会立即失败。我已经阅读文档很长时间了,但我觉得我没有取得任何进展。任何帮助,将不胜感激。

0 投票
1 回答
46 浏览

html - 布局的css问题

我已经尝试过无数次来修复这个网格布局,但目前当 div 中有大量文本时,#place_quo它似乎把一切都搞砸了。

这是我的链接

演示

我正在使用masonry.js网格对齐所有内容并想知道这是否是问题所在。我似乎无法正确margin-bottom有效地工作 div 联系人 div 和 summary div 意外连接。