问题标签 [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.
javascript - 同位素回调函数
Isotope 提供了两个可以提供回调函数的地方:
我不知道这两者之间的区别是什么 - 在布局完成后,它们似乎都被调用了一次。我浏览了文档,但我能找到的只有
与回调类似,onLayout 是一个函数,每次 Isotope 实例运行完其布局逻辑后都会触发该函数。
jquery - 如何使用 jQuery 选择器过滤 jQuery 同位素项目不区分大小写(搜索)
我正在使用jQuery Isotope并想要实现元素搜索。当用户在文本框中键入内容时,我将过滤器选项更改如下:
我正在使用 jQuery 的属性 contains selector。但它区分大小写,我想区分大小写。我怎样才能做到这一点?
我查看了建议使用的其他问题和谷歌结果.filter(fn)
,但我对同位素没有太多控制。我只是给它一个选择器。
jquery - jQuery 同位素动画延迟
好奇是否有人能够更改与 jquery Isotope 一起使用的 CSS3 过渡,以使用“transition-delay: 0s, 1s;”之类的方式为项目的随机播放添加延迟。
我希望他们先向左洗牌,然后向下洗牌,以便在过滤时获得更数学的感觉(而不是默认的“对角线洗牌”)。似乎对默认 css3 转换所做的任何更改都不起作用。
这是我当前的CSS:
任何输入都会很棒!
jquery - 改变宽度/排水沟?
我正在尝试创建一个包含 3 个项目的行的缩略图库,但我无法控制项目的宽度(192 像素)或排水沟(10 像素)。这是我的代码
jquery - ISOTOPE:按类别和日期排序
我正在使用ISOTOPE并有 6 个类别。每个类别将有任意数量的帖子。
我有每个类别的链接列表,当单击类别名称时(例如:艺术家),我需要将该艺术家类别中的所有框移到顶部并按日期排序,最近的框首先显示。
在我的 JS 文件中,我有这个:
我的 HTML 如下所示:
这段代码似乎没有按照我想要的方式对其进行排序,并且不知道如何调整它,有人可以帮忙吗?
jquery - 将 Isotope 与通过 XML 和 jQuery 加载的对象一起使用。这可能吗?
我有我正在使用 XML 和 jQuery 加载的对象,并试图连接到 Isotope,但似乎这是不行的。这可能吗?我尝试了许多不同的解决方案,但似乎找不到一个有效的解决方案。这就是我所拥有的。我在同位素中尝试了一个回调函数,但仍然没有运气。我在我的班级中使用 XML 调用,结果在萤火虫中是这样的:item yellow、item red、item blue等。
jquery - 同位素 - 对元素进行分类。先按这个,然后按那个
这是我迄今为止工作的 JSFiddle:http: //jsfiddle.net/FmBFt/1/我的问题是调整演示代码来做我想做的事。Isotope 文档对像我这样的新手编码员没有多大帮助。
解释我需要什么
我正在使用ISOTOPE并有 6 个类别。每个类别中都有任意数量的框。所以丁香类可能有 3 个框,绿色类可能有 8 个框,依此类推。我有每个类别的链接列表。单击类别名称时(例如:丁香类别),我需要所有带有顶部丁香边框的框按其类名“l”排序并移至顶部。然后,我希望按照添加日期的顺序对这些丁香框进行排序,最近的框首先显示。我希望将排序功能应用于所有类别,但真的不知道如何去做。
我注意到您可以按“日期类别”进行排序,但所做的只是将所有类别组合在一起,它不会像我需要的那样将某个类别移到顶部。
我不知道如何调整http://jsfiddle.net/FmBFt/1/来做我想做的事,有人能帮帮我吗?
编辑:嗯,到目前为止,我有一个答案让我很困惑,但我很确定我的问题在于我的 JS 中的 getSortData 函数:
上面代码中的类别调用看起来可以做到,但我只需要找出如何调整,目前它所做的只是将每个类别组合在一起,但我需要一次组合一个......有人吗?
jquery - Isotope Issue: Masonry Column Width Twice as large as it was defined in code
This is very weird and very throughouly researched on the web by me. I didn't find any solutions.
The jQuery says:
$container.isotope({ itemSelector : '.post', masonry: { columnWidth: 250, }
});
The .post's style says:
.post { width:250px; }
When Isotope defines the .post's positions, the second column is positioned 500px from the left of the page. The third column, 1000px from the left of the page. It's like each column is getting width of 500px.
The link is: http://asimob.tv
Getting bald and hypertensive with this. I would really, really appreciate some help. Please!
jquery-isotope - 同位素 - 插入隐藏元素错误
我正在使用 Isotope 1.5.14,我正在尝试按类别插入带有过滤器的内容。
如果要插入的元素来自类别 X 并且我的元素已被 X 过滤,则此方法非常有效。
但是,如果我尝试从 X 类插入元素并且我的元素已被 Y 过滤,则插入函数的回调将不起作用!
虽然元素插入得很好,但一旦我再次按 X 过滤,它们就会显示出来。
在尝试调试 Isotope 后,我认为当 isotope 得到$newFilteredAtoms
空时会出现问题,因为我添加的项目不属于 Y 类。
这个空数组作为参数传输到
那叫
以下代码在回调执行之前退出函数,
知道为什么吗?这将非常有用。
谢谢!
javascript - 同位素:选择并在顶部显示 .xx 类
我正在使用 Isotope (http://isotope.metafizzy.co/docs/sorting.html) 中的排序方法,并且需要在单击链接时在顶部显示分配给它们的特定 CSS 类名称的元素。剩余元素必须在已排序元素下方保持可见,因此我无法使用同位素过滤。
我对 JS/jQuery 不太满意,所以我什至不确定这段代码是否设置正确,但目前我的元素正在按日期排序,这很好,但是它对所有元素都这样做。我希望我的代码找到所有类名为“博客”的元素,然后按日期排列。到目前为止,这是我的代码: