可排序类似于 youtube 主页

Question

我正在尝试实现与 youtube 主页类似的效果（您必须登录所以I posted a small movie to explain this）：我们有一个基本的可排序（仅限垂直）但在每个可排序项目上我们都有一个“向上移动”和“下移”按钮。这些按钮的作用......正如它所说的那样：用一个整洁的动画移动或向下移动每个项目。

所以，我认为它与 sortable 的工作方式非常相似：它创建了一个帮助器（即动画元素），然后在动画完成后，DOM 会更改为新的位置。

所以，欢迎任何想法！

---

我在 firebug 中做了一个小测试。我可以用这个克隆元素：

$('.hslider:first').clone(true).insertAfter('.hslider:first')

但主要问题是我在.hslider 内的元素上绑定了一些 JS。即使有些仍然有效，但其他（如 jquery UI 滑块）却没有。有一种方法可以在不重新初始化整个 js 的情况下做到这一点吗？我试图看一下 jquery UI 源代码，但是......我在 js/jquery 上不太擅长解码任何有用的东西（是的，源代码是未压缩的：P）

---

编辑：

我发现了类似here 的东西，但我真的不想仅仅为了这个效果再加载 40kb+（尤其是当我已经加载了 jQuery 时）

Answer 1

为什么不使用 jQuery 1.3+ 中提供的 live() 方法。这将确保您的元素即使在重新插入后也将保留事件绑定。 Live 基本上将 js 例程绑定到所有现有和未来匹配的元素。无需加载额外内容；)