jquery UI "drop" 和 "sortable" 有冲突吗？答案

【问题标题】：jquery UI "drop" have conflict with “sortable”？jquery UI "drop" 和 "sortable" 有冲突吗？
【发布时间】：2012-03-09 17:09:42
【问题描述】：

我的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/的例子

【问题讨论】：

你能把你的代码放在jsfiddle上吗
@Devjosh:我有编辑，看最后一行
您的 jsfiddle 中的代码与此问题中的代码不匹配。哪个是正确的？

标签： jquery-ui drag-and-drop jquery-ui-sortable

【解决方案1】：

我自己创建了一个小提琴来测试您的问题并看到它here 它工作正常

注意我在 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!");
                    }
                });

});

希望对你有帮助

【讨论】：