jQuery Isotope - 按“组”对数据进行排序
使用同位素插件，我试图实现一个排序系统，通过单击一个项目，通过将相同类型的项目放置在单击的项目之后来形成组。
Isotope 的排序/过滤函数似乎不是为此目的而设计的，因此我最初的方法是使用 .insertAfter 重新排列 DOM，然后触发“reLayout”。
然而，在初始化之后，DOM 顺序似乎并不相关，除了销毁并重新初始化同位素之外，什么也做不了，但这会导致不期望的滚动位置跳跃。
（参见：http://jsfiddle.net/owenhoskins/r7MgY/10896/）
有没有办法更新同位素基于 DOM 结构而无需重新初始化？
或者，是否可以通过与排序/过滤功能交互来实现这一目标？
提前致谢， 欧文
Using the Isotope plugin, I am trying to achieve a sorting system where, by clicking an item, groups are formed by positioning items of the same type after the clicked item.
Isotope's sort/filter functions don't seem designed for this purpose, so my initial approach was to rearrange the DOM using .insertAfter and then firing 'reLayout'.
However, it seems that after initialization the DOM order isn't relevant and nothing short of destroying and re-initializing Isotope works, but that causes undesirable scroll position jumps.
(See: http://jsfiddle.net/owenhoskins/r7MgY/10896/)
Is there are way to update Isotope based on DOM structure without a re-init?
Or, is it conceivable to interface with the sort/filter functions to achieve this aim?
Thanks in advance,
Owen
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试 this （一个分叉的小提琴） - 使用文档中的 prepend 方法对我有用，但不别跳。
Try this instead (a forked fiddle) - Using the prepend method in the docs works for me, and doesn't jump.
您会考虑使用不同的插件来完成此任务吗？
看看：流沙
它的功能在于用另一种元素替换一组元素，在我看来，这比同位素简单得多。
这是与您想要获得的结果类似的示例：
快速排序示例
Would you consider using a different plugin to accomplish this?
Take a look at: Quick Sand
Its funcionality consists in replacing a collections of elements with another, much more simple than isotope in my opinion.
Here's an example similar to the result you want to get:
Quick sort example