jQuery UI draggable:使用helper时访问被拖动的元素:clone

时间:2013-02-04 09:47:31

标签: javascript jquery-ui

我有一组jquery UI draggables,通过helper: 'clone'连接到可排序的。在draggable的receive事件中,我想访问刚刚放入列表中的元素,但似乎没有任何方法可以执行此操作。

我的代码与此类似:

$('#drag li').draggable({
    helper: 'clone',
    revert: 'invalid',
    connectToSortable: '#sort'
});

$('#sort').sortable({
    receive: function(evt, ui) {
        ui.item.css('color', 'green');
        ui.helper.css('color', 'green');
    }
});

ui.item指的是原始可拖动的预克隆,而ui.helper似乎在项目被删除后文档中的任何位置都不存在。

请参阅此jsfiddle以获取示例:http://jsfiddle.net/KSuPX/

更新:对不起,如果我的实际问题有点不清楚。摘要:

当可排序列表收到新元素时,如何访问该元素?

1 个答案:

答案 0 :(得分:0)

可排序和可拖动是2个不同的小部件,如果没有解决方案,你可能需要编辑.js文件。不幸的是,jQuery UI没有提供有关这些功能如何工作的详细示例。您可以尝试使用此处提到的“发件人”选项 - http://api.jqueryui.com/sortable/#event-receive