问题标签 [jquery-isotope]

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 回答
1443 浏览

javascript - Jquery Isotope PLugin:自定义布局模式:类别行 - 如何为每个类别行添加标题

我正在尝试自定义 Isotope jquery 插件 David DeSandro 但没有得到任何地方....

我正在尝试添加类别名称作为自定义布局的标题:类别行

这是 David DeSandro 网站上自定义布局的链接:http: //isotope.metafizzy.co/v1/custom-layout-modes/category-rows.html

所以我希望它与示例完全相同,但只是在相应行上方有每个类别的名称。

同位素甚至可能吗?

欢呼并感谢您宝贵的时间!

0 投票
1 回答
1508 浏览

jquery - fitvid.js 在无限滚动的第二页停止工作(jquery isotope)

我在布局中使用 jquery isotope 插件(和无限滚动)+ fitvids.js。我让它大部分工作,但问题在于加载无限滚动的页面中包含的视频。

第一页中的 Vids #1 和 #2 正在调整大小

加载了无限滚动插件的第二页中的 Vid #3 被忽略

我的代码:

0 投票
1 回答
2688 浏览

jquery - jquery-isotope 如何使用一个链接来执行过滤和布局功能

所以我正在玩 jquery isotope 并尝试将两个选项组合到一个按钮中

我有一组过滤结果的链接,另一组链接改变布局模式。我想过滤链接来改变布局以及过滤。

继承人的脊椎文档,这是我从默认更改为的布局模式。

我认为问题在于数据选项键,因为一个设置为过滤器,另一个设置为布局模式,是否可以有两个不同的数据选项键,其中包含不同类型的数据选项值?

这是 html 后跟脚本:

感谢任何朝着正确方向的推动

谢谢

编辑:我也一直在尝试另一种方法,即在单击链接时使用 jquery 来调整容器的大小。但这有其自身的问题。我可以让它调整大小,但是当过滤器更改时,它不会将图像保留在容器内,而是将它们留在新形成的小容器之外,直到您再次单击,然后它们重新定位到内部以适合。很近!

我为此尝试的代码:

0 投票
1 回答
3487 浏览

jquery - 是否可以为一个元素设置多个数据选项键

所以我在玩jquery isotope。

我有一个要过滤的数据选项键;

我有一个数据选项键来更改布局;

有没有办法组合这些链接,以便一个有两个不同的数据选项键,里面有不同类型的数据选项值。(我使用的标准脚本可以在isotope 网站上找到)

似乎不太可能,但值得一试!

谢谢

0 投票
1 回答
1099 浏览

javascript - 如何使 JQuery-isotope 与改变高度的元素一起使用?

假设我有很多元素,并且同位素工作得很好。

现在,当用户在元素内的某个链接上单击“显示图像”时,该元素会显示图像。问题是......同位素不会自动考虑到这一点,并且图像与其下方的元素“重叠”。

我该如何解决?

我希望底部元素自动向下移动,为展开的顶部元素腾出空间。

0 投票
1 回答
1678 浏览

javascript - 同位素插件:如何实现“insertAfter”方法?

我正在尝试将一个元素添加到元素列表的中间。

我尝试使用带有insertAfter方法的 jQuery 添加它并应用isotope('reLayout'). 然而,这并没有真正起作用。

jsfiddle

任何想法如何使它工作?谢谢

0 投票
1 回答
2012 浏览

javascript - 对同位素容器中的元素进行排序

这个页面上,我使用 jQuery Isotope 插件来安排艺术家在音乐节的阵容中。我希望艺术家按演出日期排序。我已按照说明向同位素选项对象添加了sortBy属性getSortDate。创建同位素容器的代码(in common.js)是:

如您所见,艺术家未按演出日期排序。我已经调试到我的排序函数并验证它返回以下值

  • 鲍勃(4 月 15 日)=> 1334444400000
  • 鲍勃马利(4 月 20 日)=> 1334876400000
  • 鲍勃·迪伦(4 月 26 日)=> 1335394800000

所以艺术家应该按照上面的顺序显示。奇怪的是,如果我将排序功能替换为按名称按字母顺序对艺术家进行排序的功能,例如

然后艺术家以与排序函数返回的值相同的顺序显示。为什么按名称排序有效,但按演出日期排序却无效?

0 投票
0 回答
998 浏览

jquery - 使用 j-query 同位素的组合过滤器和二级过滤器

我想根据他们所做的工作以及该工作和位置中的类型子类别来过滤具有同位素的人员列表。基于顶级类别,我希望用户能够使用次要类别进行过滤。类别可能如下所示:

顶级类别

二级类别:

因此,某人可能会被标记为:办公室工作人员、秘书、西部 或:劳工、拆迁、北部

以下是人员和过滤器的一些示例代码:

我想要的功能是顶级工作类别(任何、办公室、劳动力、医疗保健)和位置始终可见,但次要工作类型过滤器最初不可见。当用户点击“上班族”时,同位素应排序为仅显示上班族,并出现适当的与办公室相关的二级过滤器(任何、秘书、中层、行政人员)。然后,用户可以使用这些辅助作业类型进一步过滤。我可以让它工作。

但是当用户点击不同的顶级工作类别时,问题就出现了。所以,假设用户点击了“上班族”和“秘书”。现在,用户想要查看所有的劳动者。当用户单击“劳工”时,二级办公室工作类型过滤器“秘书”仍然处于活动状态,因此用户看不到任何结果。我想要发生的是办公室工作类型过滤器失去其过滤(通过变为非活动或默认为“任何”),以便显示“劳工”工作类别中的所有人员。然后用户可以按二级劳动者的工作类型进行过滤。

这是我目前正在使用的同位素 jquery。

这样就完成了组合过滤,只有在选择了相应的顶级职位类别时才会显示二级职位类型。但是,当在选择了二级过滤器之后选择了新的顶级工作类别时,它不会恢复为二级过滤器的“任何”过滤并保持对错误顶级工作类别的过滤,使得所以同位素过滤中没有显示结果。我还尝试将所有二级作业类型放在一个排序集中。这使得它只有一个“任何”,如果用户单击它,将显示适合所选顶级工作类别的所有结果。但它不会自动恢复为“任何”,因此并不比将二级过滤器分成三组好多少。

我怎样才能按照我想要的方式进行这项工作?

0 投票
1 回答
67 浏览

javascript - 使用 $.get() 来引用 RSS Feed

在这段代码中;$.get('sites.xml', function (d) {和它下面, $(d).find('site').each(function () {引用一个 xml 文件。我将如何引用一个 RSS 提要?

0 投票
2 回答
558 浏览

javascript - jquery同位素自定义布局:砌体底部

有没有人见过自下而上砌体的同位素定制布局?正如这里所展示的,原始 Masonry 插件中并没有那么复杂。

jQuery Masonry 自下而上

但是,我很难将这种方法转换为未缩小同位素中的砌体布局。任何建议将不胜感激。