如何使用jQuery模拟动画排序事件?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery模拟动画排序事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个项目列表,每个项目都包含一个复选框.当勾选一个复选框时,我希望该项目将自己排序到列表的开头,最好是用鼠标拖动动画(但没有鼠标光标).

这可能吗?我在过去触发可拖动/可排序的事件时遇到了麻烦.我对替代解决方案持开放态度,只需明确项目移动到的位置即可.

编辑:我原本试图询问如何在jQuery sortable()列表中实现这一点,但我显然没有那么好地沟通,所以我更新了问题以匹配所有精彩的答案.

最佳答案
与avetarman的第二个例子类似,这个小提琴不会等待新选中的盒子在其他人占据其合法位置之前到达顶部.相反,他们都得到了动画:

http://jsfiddle.net/ebiewener/Y5Mdt/1/

最终,所有这一切都是为了让你移动一个绝对位置的行,以便它可以向上滑动到其他行,同时为那些其他行提供必要的CSS属性,以便它们在选定时不会立即跳出位置使用绝对定位从文档流中删除行.完成后,所选行将失去绝对定位,但会附加到行的开头.这允许所有css基本上“重置”,以便您可以继续选择新行.

原文链接:https://www.f2er.com/jquery/428466.html

猜你在找的jQuery相关文章