jQuery Droppable 忽略丢弃

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

想通了……

简单地说，draggablestop 参数阻碍了droppabledrop。它在删除 stop 定义并将这些操作放入 drop 定义中后起作用。