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

jquery - 无法让 jQuery Masonry + Infinite Scroll 在 Safari 和 Chrome 中工作

嗨,我正在尝试使用 jQuery Masonry 和 Infinite scroll 设置一个站点,但我似乎无法让它在 OSX 上的 Chrome 或 Safari 中工作。

开发网站是http://bit.ly/hYJ3Cq

我在控制台中没有收到任何 javascript 错误。

我尝试过的事情:

  • 在砌体 div 中设置图像宽度/高度
  • 使用较旧的 jquery 库
  • 将 js 移动到头部而不是页脚
  • 将 type="text/javascript" 添加到脚本标签
  • 验证 html
  • 在 jQuery(window).load( 和 jQuery(document).ready(

这是我正在使用的代码,它与运行良好的演示代码非常相似:

任何帮助将不胜感激。

0 投票
4 回答
2968 浏览

javascript - 在 jQuery .load() 之后激活砌体

如何在页面加载后激活 JS 和其他 jquery 功能,例如砌体。

我用:

但第二个没有“激活”。

在.load期间没有激活css和js是否正确,如果,我如何在之后激活它。

谢谢你的帮助..

/问候

0 投票
1 回答
317 浏览

javascript - jquery帮助布局

您好,我有以下 HTML,

和下面的CSS,

我正在尝试为 jquery 实现一个名为 Masonary 的插件,我的想法是我可以容纳 4 li 并排浮动,但是当我添加 masonary 时我只能浮动 3,这是我的砌体设置,

$('#jobwall ul').masonry({

基本上,我将 li 实现为 masonary ,最终显示将向下滑动的更多内容,并且我需要 li 继续按照它们的顺序浮动。有没有更好的方法来实现这个,或者让砌体允许 4 li 连续

0 投票
1 回答
104 浏览

jquery - 悬停时动画“停止”

我在我的网站上使用 Masonry 和过滤(链接 masonry)。我正在尝试对列表中的对象实现“淡入淡出”功能。

问题是当我过滤并在动画运行时快速移动鼠标时,所有的 div 都卡住了。

这是我正在使用的代码:

0 投票
2 回答
9442 浏览

jquery - jQuery Masonry 和媒体查询 - 重新加载砌体

我的网站设计有媒体查询以涵盖不同大小的布局。我有砌体组织一堆全尺寸宽度的花车,没问题。在移动宽度上,所有的浮动,取消浮动并且只是堆叠在彼此之上。所以我只需要在 768px <= width <= 1000px 时网站调整为平板电脑布局时重新运行砌体。

这对我还不起作用,但我也不希望它在所有调整大小时运行......只是在断点处。

0 投票
1 回答
3626 浏览

javascript - 如何在 Isotope 的布局模式之间切换?

两个问题,大家:

1) 如何打开和关闭同位素?

2) 如何切换布局模式?也就是说,我该怎么做:

对此:

用一个简单的点击开关?有任何想法吗?

谢谢!

0 投票
1 回答
3820 浏览

javascript - Isotope 中的动画项目大小:为什么第一个项目不稳定?

我正在学习使用Isotope并偶然发现了作者关于如何为项目大小设置动画的博客文章。

我已经为我正在开发的项目实现了这一点。它由三个垂直列组成。每个项目为 196 像素 x 70 像素。当您单击一个项目时,它将扩展为 402 像素 x 230 像素。

所有项目都正确调整大小并导致 Isotope 刷新布局——除了第一个项目。

单击第一项会导致所有后续列表项仅在一个垂直列中排列 - 即使有足够的空间并且项目应该围绕第一个排列。

单击列表中的任何其他项目都会导致正确的行为。只有第一个是不稳定的。谁能看到可能导致这种情况的原因?

这是我的测试用例:http: //joshrenaud.com/pd/testcase/testcase.html

处理这种调整大小的代码如下所示:

0 投票
1 回答
11978 浏览

javascript - 加载时显示和高度的 jQuery 砌体问题

display:none我在具有内联样式的 div 内有一个砖石容器。因为我有几个 div,所以当页面加载时,当点击他们的按钮时,它会像幻灯片一样切换。这会干扰砌体测量负载高度的能力,因此砖会从容器中溢出。

0 投票
4 回答
10311 浏览

jquery - jQuery Masonry 回调不起作用

我试图在 jQuery Masonry 完成其定位魔术时执行回调函数,以防止在我的代码中出现无样式内容。

但是,出于测试的目的,我使用了一个根本不调用的简单警报。

我可能遗漏了一些明显的东西,但任何帮助将不胜感激

0 投票
2 回答
3027 浏览

jquery - 同位素定位后查找目标位置

我正在将 David Desandros Isotope用于新站点,但现在看来我无法使用 jquery 找到每个元素的位置。具体来说,我试图在悬停时附加一个工具提示,但通常我想知道在 Isotope 格式化它们之后如何获取每个锚点的 position() 。

到目前为止,每个元素都为 left、margin-left、position().left 和我能想到的所有其他定位属性显示一个“0”。