可拉文本区域不能在键盘编辑后，使用jQuery UI

Question

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

#elements中的项目应该被拖放到文本区域。但是，在对文本区域进行一些键盘编辑后，它不能再被丢弃。

谁能告诉我问题是什么，我怎么解决它?

---

更新:

谢谢，我的朋友刚刚给我提了一个解决方案。我应该用.val()而不是.html()和.text()。$('textarea').html()将返回最初在文本区域标签之间设置的内容。$('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());
        }

    }
})

});这个url:

点击这里