微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐