jQuery Droppable忽略丢弃

Question

当您敲击概述的单词时，会出现一个小小的上下文菜单。拖动你想要的选择然后释放。在当前的配置中，它的行为就好像用户别无选择。如果我将#del从#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定义中之后起作用。