1

我正在使用 JQuerydraggable()和droppable()函数，并且在尝试删除当前选定的 DIV 时遇到问题。

每次我将一个对象拖到我的#canvas 上时，都会将一个新的 DIV 附加到 #canvas 并将.newLetter类添加到其中。我的 HTML 如下所示：

HTML：

<div id="canvas">
    <div id="trash"></div>
    <div class="newLetter"></div>
    <div class="newLetter"></div>
    <div class="newLetter"></div>
    ...
</div>

一旦在画布上，我想要将对象拖入“垃圾桶”并被删除的选项。我只希望删除当前选定的 DIV，但如果我删除所有带有 .newLetter 类的元素，我只能让它工作。否则，不会删除任何内容，或者删除错误的元素（例如垃圾桶本身或整个画布）。

这是我当前的JQuery：

// Delete Letters
$("#trash").droppable({
    accept: '.newLetter',
    drop: function(event, ui) {
        $(".newLetter").remove();
    }
});

我已尝试执行以下所有操作，但没有一个有效：

$(this).remove();
$(".newLetter", this).remove();
$(this).sibling().remove();
$(this).parent().remove();
$(this).(".newLetter").remove();
$(this).closest().remove();
$(this).closest().sibling().remove();

我相信我已经用尽了所有可能。有任何想法吗？？

4

1 回答 1

4

在drop 事件中，您可以使用ui.draggable

$("#trash").droppable({
    accept: '.newLetter',
    drop: function(event, ui) {
        $(ui.draggable).remove();
        //or even ui.draggable.remove(); since ui.draggable is a jQuery object
    }
});
于 2013-11-13T01:09:59.460 回答