jquery - 使用 'clone' 助手执行可拖动事件后,如何删除原始元素?

标签 jquery jquery-ui-sortable draggable

我有一个可拖动的项目列表。我将它们拖到几个可排序的列表中。我必须在拖动时使用“克隆”辅助方法,因为其他辅助方法无法正常工作。

不幸的是,我不希望该项目在放入可排序列表后仍保留在原始列表中。

成功拖动后如何删除原始项目? (即一旦它包含在可排序列表之一中)

我想我也许能够通过可排序列表上的 droppable 事件访问原始元素,但我不确定如何实现这一点。

谢谢

格雷姆

最佳答案

$('li','#draggable').draggable({
    helper: "clone"
});

$('ul#droppable').droppable({
    accept: "#draggable > li",
    drop: function(event,ui){
        $('li.note').remove();
        ui.draggable.appendTo('ul#droppable').fadeIn();
    }
});

关于jquery - 使用 'clone' 助手执行可拖动事件后,如何删除原始元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/938984/

相关文章:

javascript - Jquery UI 可排序占位符未显示在阻止列表中

jquery - 如何使用 jQuery 在 div 中拖动和滚动

javascript - jquery $.ajax get 将通过 http 获取文件,但在直接与服务器对话时失败,X-Requested-With 设置不正确?

jQuery UI Datepicker - 如何更改 Datepicker HTML

jQuery getJSON 可排序回调

jQuery 可在表上使用序列化进行排序

javascript - 使拖放的元素可放置,同时仍可拖动

javascript - 通过使用 angularjs 拖动来动态更改模板

javascript - JS : how to listen event after template contruction?

带有 CSS3 响应式设计的 jQuery Mobile