我正在尝试实现与 youtube 主页类似的效果(您必须登录,所以我发布了一个小电影来解释这一点):我们有一个基本的可排序(仅限垂直)但在每个可排序项目上我们都有一个“向上移动” ”和一个“下移”按钮。这些按钮确实......正如它所说的那样:用一个整洁的动画移动或向下移动每个项目。
所以,我认为这与 sortable 非常相似:它创建了一个帮助器(即动画元素),然后在动画完成后,DOM 被更改为新的位置。
所以,欢迎任何想法!
我在萤火虫中做了一个小测试。我可以用这个克隆元素:
$('.hslider:first').clone(true).insertAfter('.hslider:first')
但主要问题是我有一些 JS 绑定在.hslider
. 即使有些仍然有效,但其他(如 jquery UI 滑块)却没有。有一种方法可以在不重新初始化整个 js 的情况下做到这一点吗?我试图看一下 jquery UI 源但是......我在 js/jquery 上不太擅长解码任何有用的东西(是的,源是未压缩的:P)
编辑:
我在这里找到了类似的东西,但我真的不想只为了这个效果再加载 40kb+(尤其是当我已经加载了 jQuery 时)