jQuery Droppable忽略Drops

Question

当你按下所勾画的单词时，会弹出一个小的上下文菜单。将鼠标拖到所需选项上，然后松开。在当前配置中，它的行为就像用户没有做出选择一样。如果我将droppable从#del更改为#target，那么它可以工作，但显然您不能选择这种方式。

$(function() {
    $('#word').mousedown(function(ev, ui) {
        $("#target").slideDown(100);
    });    
    $('#word').mouseup(function(ev, ui) {
        $("#target").slideUp(100);
    });    
    $('#word').draggable({
        axis: 'y',
        containment: 'parent',
        revert: true, revertDuration: 100,
        stop: function() {
            $("#target").slideUp(100);
        }
    });
    $('#del').droppable({
        activeClass: 'over',
        drop: function() {
            var vote = alert("Delete action goes here");
        }
    });
});​

看看这把小提琴：http://jsfiddle.net/monsto/PF3ty/7/

我遗漏了什么？

Answer 1

弄清楚了..。

简而言之，draggable stop参数会阻碍droppable drop。在删除stop定义并将这些操作放入drop定义的中之后，它才起作用。