Question

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

jQuery Droppable忽略丢弃

1 个答案: