使用jQuery UI進行鍵盤編輯後，無法刪除可拖拽的textarea

Question

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

#elements中的項目應該被拖放到textarea上。但是，在textarea上進行一些鍵盤編輯之後，它不能再被刪除。

有誰能告訴我問題是什麼，我該如何解決？

---

更新：

感謝我的朋友剛纔建議我一個解決方案。我應該使用.val()而不是.html()和.text()。 $('textarea').html()將返回最初在textarea標籤之間設置的內容。 $('textarea').val()將返回當前在textarea中的內容。

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()); 
     } 


    } 
}) 

}）;

這個網址：

Click Here