问题标签 [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.
javascript - jQuery插件冲突
所以,今天我还有一个问题:我怎样才能破坏砌体 JQUERY和FANCYBOX (LIGHTBOX)?
我真的需要这个。我已经失去了几个小时试图自己解决这个问题,但我真的做不到。:/
这是我的脚本,我将其称为 fancybox 和 masonry:
简而言之,我的问题在于重叠,但正如您所见,我已经在使用 imagesLoaded 插件等等。我已经尝试设置所有图像的宽度/高度,但它仍然不起作用。
谢谢你。
我需要按鼠标滚动才能工作。想法?
php - 使用 jQuery 更改 CSS 值
那里。
所以,我已经在使用Masonry jQuery 插件来制作图片库马赛克。好的,脚本工作“很好”,但是当我加载页面时,图像 CSS 对齐是错误的,或者不工作。看:
但是,如果我按 CTRL+SCROLL 或 CTRL++/CTRL+-,则脚本可以工作:
为什么?我该如何解决?
我的 JS:
我的 CSS:
我的 HTML:
我已经尝试过window.load和document.ready。
谢谢。
jquery - jQuery masonry 插件在 IE7 中不起作用
我正在使用masonry jQuery 插件在页面上布局块的页面上工作。它在除 IE7 之外的所有浏览器中都可以正常工作(是的,它甚至可以在 IE6 中工作),但我无法弄清楚为什么会发生这种情况,因为没有 js 错误。最糟糕的部分是它似乎在初始页面加载时工作,然后它在一秒钟后吓坏了,并将块的左侧和顶部值设置为 0。
这是该页面测试版本的链接。任何帮助将不胜感激。
谢谢。
javascript - Masonry jQuery 插件和空格
我正在考虑在我的一个项目中使用Masonry 插件。我想知道是否有可能以某种方式检测在放置 div 时有时会出现在布局中的空白空间。如果我有办法检查这些空白,我可以用一些生成的 div 填充它们,其中包含一些数据。
css - 在 CSS 中制作浮动框填充包装器
这真让我抓狂。
我正在构建一个只有预定义页眉和页脚的页面,它们之间的内容将是一组框(动态),必须正确定位才能填充包装器。
这是一个例子:http: //jsfiddle.net/rdMKQ/1/
HTML:
非内联 CSS:
作为示例,我使用的所有盒子float:left
和尺寸都只是“随机”的
我该怎么做才能将绿色框 (4) 定位在红色一 (2) 下方以填补空白?
解决方案要求:
- 我不能为单个盒子定义特定的样式,样式应该是所有盒子通用的
- 框不能重叠
PD:我已经尝试过 jQuery Masonry Plugin 让他完成填补 JS 空白的工作,但没有运气,没有任何选项可以满足我的需要。
非常感谢您的帮助。
jquery - 具有许多列表项的 jquery Masonry 的替代品
我有一个很大的无序列表,每个都包含一张图片和一个标题。单击标题时,会显示一个内容区域。默认情况下,所有内容区域都是折叠的,因此每个列表项具有相同的高度。您可以在此处查看工作示例:http: //trendsprintmedia.com/templates/
Jquery 很简单:
当您展开内容时(通过单击标题或加号图标),您将看到所有内容向下滑动。这搞砸了它下面的所有列表项。它下面的整个列表变得杂乱无章,而且……嗯,丑陋。我想避免这种情况。
因为每个元素 ( li.singleTemp
) 的宽度相同,所以我正在寻找一个 jquery 解决方案,当单击标题时,列表项的垂直列向下滑动,其余元素保持原位。有任何想法吗?
或者,如果您展开一个列表,如果下一行完全向下滑动,那就太好了。
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
抱歉链接的图片和非超链接的文字,我在这个网站上太年轻了。
php - 为投资组合中的每个项目分配一个唯一标识(PHP?)
我有一个关于我使用 HTML、CSS、Masonry和一点 PHP 构建的网站的特定问题。
在我的主页上,您可以看到我正在使用 JQuery Masonry 来展示我的作品。每次我添加一个项目时,布局都会像预期的那样重新排序。很难预测某些项目将在网格中的哪个位置(因为高度因项目而异)。
单击图像后,您将进入项目页面,顶部有项目导航(上一个项目/下一个项目)。这里没有花哨的 PHP 或 CMS。每当我上传新项目时,我都会手动更新上一个和下一个项目链接。这通常意味着更新每个项目页面(18 页)上的链接。我这样做是因为当 masonry 重新排列主页上的项目网格时(添加新项目后),上一个和下一个项目链接将过期且不正确。例如,上传一个新项目后,当我单击“下一个项目”时,它会将我带到错误的项目,因为主页上的网格与以前不同。
我从第一行开始从左到右排列图像。
我想为项目导航包含一个 PHP,但我不太了解 PHP。代码将实现类似“在单击下一个项目链接后转到 x 项目”
jquery - jQuery Masonry 固定/前置元素
我在 jquery 砌体布局中有一个导航元素,我想将它修复到特定位置,比如说右上角。是否可以这样做,以便其他所有元素都围绕它定位?
像介词导航..
这是我的代码:http: //jsfiddle.net/ftqTr/
现在我正在尝试在导航所在的位置放置一个空元素。但是 div 框的大小是随机的.. 所以假导航或其他解决方案的固定位置会很棒!
提前致谢
jquery - iphone 是否有任何 jquery-masonry 样式组件的实现?
或者,是否有人尝试在 iphone 应用程序的 UIWebView 中使用它。
谢谢,里奥