Я пытаюсь использовать функцию перетаскивания в jQuery-UI.
Я смог легко конвертировать div в dropppable, но сделать текстовое поле 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());
}
});
Возможно ли, что поведение браузера по умолчанию предотвращает сброс текстовых полей и текстовых областей?
EDIT:
Он не работает, только когда поле ввода является частью перетаскиваемого объекта.
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>");
}});