使用 jQuery UI，键盘编辑后无法删除可删除的文本区域

Question

我正在使用 jQuery UI。代码示例如下： http://jsfiddle.net/ekzhu/H4GjU/

中的项目 < code>#elements 应拖放到文本区域上。然而，在文本区域上进行一些键盘编辑后，它不能再被删除。

谁能告诉我问题是什么以及如何解决它？

---

更新：

谢谢我的朋友刚刚向我建议了一个解决方案。我应该使用 .val() 而不是 .html() 和 .text()。 $('textarea').html() 将返回最初在 textarea 标记之间设置的内容。 $('textarea').val() 将返回文本区域中当前的内容。

Answer 1

你也可以使用这个:

$(function() {
$("#elements li b").draggable({
    appendTo: "body",
    helper: "clone",
    drag: function(event, ui) {
        $(this).remove();
    }
});
$(".to_drop").droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    // accept: ":not(.ui-sortable-helper)",
    drop: function(event, ui) {

        var old = $(this).val();
        if (old == "") {
            $(this).val(ui.draggable.text());
        } else {
            $(this).val(old + ", " + ui.draggable.text());
        }


    }
})

});

此网址：

单击此处