Ссылка, которую вы разместили, содержит пример, созданный без jQuery, и я несколько раз делал то же самое с немного другим подходом.
Я уверен, что в jQuery UI есть более простой способ перетаскивания, и документация будет первым местом для поиска.
Однако, чтобы показать, как это делается в обычном javacript без библиотеки, который, вероятно, должен работать и с jQuery, так как он использует обычные прослушиватели событий, вы должны сделать что-то вроде этого:
var dropzone;
dropzone = document.getElementById("dropzone");
dropzone.addEventListener("dragenter", dragin, false);
dropzone.addEventListener("dragleave", dragout, false);
dropzone.addEventListener("drop", drop, false);
Это связывает события с функциями, которые будут выглядеть примерно так:
function drop(e) {
//do something when dropped
e.stopprop, preventdefault etc.
}
function dragin(e) {
//do something when dragged in
e.stop stuff
}
function dragout(e) {
//do something when dragged out, usually remove the stuff you did above
e.stop stuff
}
Так обычно и делается, и точно так же, как mouseenter и mouseleave, слушатели перетаскивания должны работать с jQuery, и вы, вероятно, можете использовать .bind (); привязать их к какому-либо действию точно так же, как к событиям мыши, хотя я никогда не проверял это, так как всегда делаю это без jQuery.