Пользовательский интерфейс jquery «drop» конфликтует с «sortable»？

Question

Мой HTML-код:

<div id="sortable">
    <div class="node"></div>
    <div class="node"></div>
    <div class="node"></div>
    <div class="node"></div>
</div>

Мой скрипт:

$('.node').droppable({
    drop: function (e, ui) {
        alert("drag finish");
    }
});

$('#sortable').sortable({
    stop: function (e, ui) {
        alert("sort finish!");
    }
});

Но когда я перетаскиваю элемент и сортирую, он поражает только alert("drag finish"), но не alert("sort finish").

Почему это происходит? Как я могу решить эту проблему?

Вот пример http://jsfiddle.net/GRWDR/1/

Answer 1

Я сам создал скрипку, чтобы проверить вашу проблему и посмотрите здесь работает нормально

обратите внимание, что я загружаю скрипты в dom ready, т.е. я думаю, что вы должны заключить свои скрипты в блок dom.ready

$(document).ready(function(){
$('.node').droppable({
                    drop: function (e, ui) {
                        alert("drag finish");
}
                })

$('#sortable').sortable({
                    stop: function (e, ui) {
                        alert("sort finish!");
                    }
                });

});

Надеюсь, это поможет вам