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

使用jQuery UI在键盘编辑后无法删除Droppable textarea

1 个答案: