javascript - 为什么 jQuery 的 droppable 和draggable 不能按预期工作？

Question

有人可以告诉我为什么是第二个 if 语句条件满足吗？

这是代码

$("#car").draggable({
    start: function(event, ui) {
        if (!done) return false;
    },
    stop: function(event, ui) {
        if (counter >= 40 && $(".correct").length == $(".drop").length) {
            setTimeout(function() {
                $('#win').text(winner +' '+ 'stars' + ' ' + 'earned' + ' Completion time' + ' ' + counter + ' seconds');
            }
        }
    }
});

// for droppable...
$("#carDrop").droppable({
    accept: "#car",
    drop: function(event, ui) {
        if(ui.draggable.is("#car")){
            $(this).addClass("correct");

            ui.draggable.fadeOut(500);
            $(this).fadeOut(500,function(){

            });
        }
    }
});

我使用警报框检查了 . Correct 和 .drop 的长度，. Correct 的长度为 8，.drop 的长度为 8 code>.drop 是 5。但是当我拖动图像并将其放下时，第二个 if 语句正在工作，它没有意义。 Here is fiddle 。它在 fiddle 中不起作用。我认为fiddle中的框架有问题。

Answer 1

是否会在 droppable 的 drop 事件之前触发draggable 的 stop 事件？这可以解释为什么没有 . Correct 类导致该语句计算结果为 'undefined' == 'undefined'，因此为 true。