jQuery draggable克隆掉入了一个可排序的,然后失去了它的droppable行为

时间:2011-11-02 22:09:45

标签: jquery facebook jquery-ui draggable jquery-ui-sortable

在以下方面有更好的解释:

http://jsfiddle.net/tRBaV/1/

我有两种实体:容器和工具。容器可以分类。工具也可以是可排序的,但只能在一个容器内。

在顶部有容器和工具的模板,可以使用自定义克隆功能进行拖动。我们的想法是,用户可以从这些模板中拖动,创建实体的克隆,并使用工具设计自己的容器布局。

DOM已经有两个原始容器。他们可以对自己进行排序,将工具拖入工作中,然后您可以重新对其进行重新排序。如果克隆容器,它也可以按预期工作。

问题是最近克隆的容器不允许工具进入。

要重现,请转到上面的链接:克隆容器。然后尝试将工具克隆到所有容器中。您看到它不允许克隆容器。

我试图在sortables上触发刷新事件,销毁并重新创建draggables和sortables,没有成功。似乎克隆容器与DOM容器没有相同的数据,但我应该如何确保它获得正确的行为呢?

谢谢你们。

1 个答案:

答案 0 :(得分:1)

我没有打算尝试调试你的例子,因为它不够通用。但是,我确实试图重新创建你的问题。

查看我的解决方案here

我和您一样,无法获得receivestopdrop事件的任意组合来刷新新删除的容器。这可能是jQuery UI人员应该提出的问题。

所以,事件虽然不优雅,但我使用了一种强力方法:销毁可排序的,并重新初始化它和工具集合。

不是理想的解决方案,但它确实有效。希望你能用它。