jQueryUI操纵可拖动的克隆

时间:2011-03-18 16:01:08

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

编辑:我把这个问题修剪下来,并把它放在

看看它是如何被改变的原始而不是新项目 http://jsfiddle.net/mikkelbreum/DBG5q

查看拖动帮助程序如何被更改,但该元素一旦被删除就会恢复。 http://jsfiddle.net/mikkelbreum/dpTC8

我有一个链接到可排序列表的可拖动列表

当我从draggable拖动到sortable时,我使用了一个克隆的帮助器,因此原件仍然保留在可拖动的集合中。

每次我将一个克隆从可拖动列表拖到可排序列表时,我想给新副本一个独特的标题(操纵它的h2元素)。

我找不到解决新创建元素的方法。

我尝试了两种方法:

一种是在draggable中的start事件中定位辅助克隆。 这里的问题是,虽然辅助克隆确实发生了变化,但是当在可排序列表中创建它时,它不会被复制到最终元素。在那里创建的新元素在可拖动列表中获取原始值,它是克隆的。

start: function(event, ui) {

ui.helper.find('h2').text('altered');

}

当我开始拖动时,我可以对克隆上的更改进行更改,但是当它在可排序时被删除时,h2将重置为原始标题。

所以现在我尝试了一种辅助方法,我尝试在可排序的接收事件中更改新原始文件:

receive: function(event, ui) {

ui.item.find('h2').text('altered');

}

这会在我拖动元素的列表中改变原始元素的h2,但是在sortable中创建的新元素仍然是旧的原始元素。

如何定位/改变它?

1 个答案:

答案 0 :(得分:1)