问题标签 [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 回答
776 浏览

javascript - jQuery插件冲突

所以,今天我还有一个问题:我怎样才能破坏砌体 JQUERYFANCYBOX (LIGHTBOX)

我真的需要这个。我已经失去了几个小时试图自己解决这个问题,但我真的做不到。:/

这是我的脚本,我将其称为 fancybox 和 masonry:

简而言之,我的问题在于重叠,但正如您所见,我已经在使用 imagesLoaded 插件等等。我已经尝试设置所有图像的宽度/高度,但它仍然不起作用。

谢谢你。

我需要按鼠标滚动才能工作。想法?

0 投票
1 回答
268 浏览

php - 使用 jQuery 更改 CSS 值

那里。

所以,我已经在使用Masonry jQuery 插件来制作图片库马赛克。好的,脚本工作“很好”,但是当我加载页面时,图像 CSS 对齐是错误的,或者不工作。看:

截屏

但是,如果我按 CTRL+SCROLL 或 CTRL++/CTRL+-,则脚本可以工作:

截屏

为什么?我该如何解决?

我的 JS:

我的 CSS:

我的 HTML:

我已经尝试过window.loaddocument.ready

谢谢。

0 投票
2 回答
4544 浏览

jquery - jQuery masonry 插件在 IE7 中不起作用

我正在使用masonry jQuery 插件在页面上布局块的页面上工作。它在除 IE7 之外的所有浏览器中都可以正常工作(是的,它甚至可以在 IE6 中工作),但我无法弄清楚为什么会发生这种情况,因为没有 js 错误。最糟糕的部分是它似乎在初始页面加载时工作,然后它在一秒钟后吓坏了,并将块的左侧和顶部值设置为 0。

这是该页面测试版本的链接。任何帮助将不胜感激。

谢谢。

0 投票
1 回答
1105 浏览

javascript - Masonry jQuery 插件和空格

我正在考虑在我的一个项目中使用Masonry 插件。我想知道是否有可能以某种方式检测在放置 div 时有时会出现在布局中的空白空间。如果我有办法检查这些空白,我可以用一些生成的 div 填充它们,其中包含一些数据。

0 投票
2 回答
4682 浏览

css - 在 CSS 中制作浮动框填充包装器

这真让我抓狂。

我正在构建一个只有预定义页眉和页脚的页面,它们之间的内容将是一组框(动态),必须正确定位才能填充包装器。

这是一个例子:http: //jsfiddle.net/rdMKQ/1/

HTML:

非内联 CSS:

作为示例,我使用的所有盒子float:left和尺寸都只是“随机”的

我该怎么做才能将绿色框 (4) 定位在红色一 (2) 下方以填补空白?

解决方案要求:

  • 我不能为单个盒子定义特定的样式,样式应该是所有盒子通用的
  • 框不能重叠

PD:我已经尝试过 jQuery Masonry Plugin 让他完成填补 JS 空白的工作,但没有运气,没有任何选项可以满足我的需要。

非常感谢您的帮助。

0 投票
1 回答
2120 浏览

jquery - 具有许多列表项的 jquery Masonry 的替代品

我有一个很大的无序列表,每个都包含一张图片和一个标题。单击标题时,会显示一个内容区域。默认情况下,所有内容区域都是折叠的,因此每个列表项具有相同的高度。您可以在此处查看工作示例:http: //trendsprintmedia.com/templates/

Jquery 很简单:

当您展开内容时(通过单击标题或加号图标),您将看到所有内容向下滑动。这搞砸了它下面的所有列表项。它下面的整个列表变得杂乱无章,而且……嗯,丑陋。我想避免这种情况。

因为每个元素 ( li.singleTemp) 的宽度相同,所以我正在寻找一个 jquery 解决方案,当单击标题时,列表项的垂直列向下滑动,其余元素保持原位。有任何想法吗?

或者,如果您展开一个列表,如果下一行完全向下滑动,那就太好了。

0 投票
1 回答
17922 浏览

jquery - 外填充和边缘与砌体/同位素

我一直在与同位素斗争一段时间。经过几次不同的坐姿,我似乎无法弄清楚这一点。

isotope.metafizzy.co/index.html

我将用图像说明我的问题,但这里是解释。正如你在我的网站上看到的,

test.davewhitley.com/not-wp/isotope_test/index.php

我正在使用具有三个相同宽度列的同位素。

如果您查看中心布局的外边缘,您会发现有一些填充,迫使整个中心比页眉/页脚窄一些。我已经尽情地使用 CSS,但我不知道如何将中央画廊扩展到包含它的 div 的边缘(它是 960 像素 - 因此,中央画廊大约是 940 像素)。通常我可以只用 div 和一些 CSS 来做到这一点,但是 masonry 的 javascript 在我头上(所有它的计算等等)。任何帮助将不胜感激。

这是我的问题说明。是)我有的:

http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg

我想要什么:

http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg

抱歉链接的图片和非超链接的文字,我在这个网站上太年轻了。

0 投票
1 回答
122 浏览

php - 为投资组合中的每个项目分配一个唯一标识(PHP?)

我有一个关于我使用 HTML、CSS、Masonry和一点 PHP 构建的网站的特定问题。

在我的主页上,您可以看到我正在使用 JQuery Masonry 来展示我的作品。每次我添加一个项目时,布局都会像预期的那样重新排序。很难预测某些项目将在网格中的哪个位置(因为高度因项目而异)。

单击图像后,您将进入项目页面,顶部有项目导航(上一个项目/下一个项目)。这里没有花哨的 PHP 或 CMS。每当我上传新项目时,我都会手动更新上一个和下一个项目链接。这通常意味着更新每个项目页面(18 页)上的链接。我这样做是因为当 masonry 重新排列主页上的项目网格时(添加新项目后),上一个和下一个项目链接将过期且不正确。例如,上传一个新项目后,当我单击“下一个项目”时,它会将我带到错误的项目,因为主页上的网格与以前不同。

我从第一行开始从左到右排列图像。

我想为项目导航包含一个 PHP,但我不太了解 PHP。代码将实现类似“在单击下一个项目链接后转到 x 项目”

0 投票
1 回答
9456 浏览

jquery - jQuery Masonry 固定/前置元素

我在 jquery 砌体布局中有一个导航元素,我想将它修复到特定位置,比如说右上角。是否可以这样做,以便其他所有元素都围绕它定位?

像介词导航..

这是我的代码:http: //jsfiddle.net/ftqTr/

现在我正在尝试在导航所在的位置放置一个空元素。但是 div 框的大小是随机的.. 所以假导航或其他解决方案的固定位置会很棒!

提前致谢

0 投票
0 回答
140 浏览

jquery - iphone 是否有任何 jquery-masonry 样式组件的实现?

或者,是否有人尝试在 iphone 应用程序的 UIWebView 中使用它。

谢谢,里奥