Сбрасываемое текстовое поле не может быть удалено после редактирования клавиатуры с помощью пользовательского интерфейса jQuery - PullRequest
Новая
       6

Сбрасываемое текстовое поле не может быть удалено после редактирования клавиатуры с помощью пользовательского интерфейса jQuery

1 голос
/ 19 июля 2011

Я использую jQuery UI. Пример кода здесь: http://jsfiddle.net/ekzhu/H4GjU/

Элементы в #elements следует перетаскивать на текстовую область. Однако после некоторого редактирования клавиатуры в текстовой области его больше нельзя удалить.

Может кто-нибудь сказать мне, в чем проблема и как я могу это исправить?

Обновление:

Спасибо, мой друг только что предложил мне решение. Я должен был использовать .val() вместо .html() и .text(). $('textarea').html() вернет то, что изначально было установлено между тегами textarea. $('textarea').val() вернет то, что в данный момент находится в текстовой области.

1 Ответ

0 голосов
/ 19 июля 2011

Вы также можете использовать это: 

$(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:

Нажмите здесь

...