与youtube主页类似的可排序

时间:2009-05-25 09:53:05

标签: jquery jquery-ui jquery-ui-sortable

我正在尝试实现与youtube主页类似的效果(您必须登录I posted a small movie to explain this):我们有一个基本的可排序(仅限垂直)但在每个可排序的项目上我们有一个“向上移动“和”向下移动“按钮。这些按钮确切地说......完全按动或向下移动每个项目。

所以,我认为它与sortable非常相似:它创建了一个帮助器(即动画元素),然后,在动画完成后,DOM将被更改为新位置。

所以,欢迎任何想法!


我在萤火虫中做了一个小测试。我可以用这个克隆元素:

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

但主要的问题是我在.hslider内部的元素上有一些JS绑定。即使有些保持有效,其他(如jquery UI滑块)也没有。有没有办法这样做而不重新初始化整个js?我试着看一下jquery UI源但是......我在js / jquery上不能很好地解码任何有用的东西(是的,源是未压缩的:P)


编辑:

我发现类似here的东西,但我真的不想为此效果加载另外40kb +(特别是当我已经加载了jQuery时)

1 个答案:

答案 0 :(得分:1)

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