输入（type = text）可以是jQuery droppable吗？

Question

我正在尝试jQuery-UI拖放功能。 我能够轻松地将div转换为droppable但是使Droppable文本框不起作用。

jQuery('input[type=text]:visible').droppable({
    drop: function (e, ui){
        console.log('dropping',ui); //--> this never gets called
     jQuery(this).val(jQuery(ui.helper).text());
}
});

默认浏览器行为是否会阻止文本字段和文本区域成为可放置的？

编辑： 仅当输入字段是可拖动的一部分时它才起作用。

http://jsfiddle.net/guNTP/4/

<span>hello world!<input></span>

$("input").droppable({
  drop: function(event, ui) {
    alert(ui.draggable.text());
  }
});

$("span").draggable({helper:function(){
    return jQuery("<span>hello</span>");
}});

Answer 1

是的，它可以是：http://jsfiddle.net/guNTP/

Answer 2

$("#myinput").droppable({
  drop: function(event, ui) {
    $(this).val( $(this).val() + ui.draggable.text());
  }
});

$("span").draggable({revert:true});