jQuery Isotope - 按“组”排序数据

时间:2011-12-02 15:47:19

标签: jquery jquery-isotope

使用Isotope插件,我正在尝试实现一个排序系统,通过单击一个项目,通过在单击的项目后定位相同类型的项目来形成组。

Isotope的排序/过滤功能似乎并不是为此目的而设计的,所以我最初的方法是使用.insertAfter重新排列DOM,然后触发'reLayout'。

但是,似乎在初始化之后,DOM顺序不相关,并且没有什么能够破坏和重新初始化Isotope,但这会导致不希望的滚动位置跳转。

(参见:http://jsfiddle.net/owenhoskins/r7MgY/10896/

是否有办法在没有重新初始化的情况下基于DOM结构更新Isotope?

或者,是否可以设想与排序/过滤功能接口以实现此目标?

提前致谢, 欧文

2 个答案:

答案 0 :(得分:1)

您是否考虑使用其他插件来完成此操作? 看看:Quick Sand 它的功能在于用另一种元素替换元素集合,在我看来比同位素简单得多。

这是一个类似于您想要获得的结果的示例: Quick sort example

答案 1 :(得分:1)

尝试使用this(分叉小提琴) - 在文档中使用prepend方法适用于我,并且不会跳转。