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

我自己创造了一个小提琴来测试你的问题看到它here它运作正常

注意我在dom上加载了脚本，即我认为你应该将你的脚本包含在dom.ready块中

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

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

});

希望这能帮到你

jquery UI“drop”与“sortable”有冲突吗？

1 个答案: