jQuery拖放如果语句没有任何意义

Question

有人能告诉我为什么第二个if语句条件得到满足。

我使用提醒框检查了.correct和.drop的长度，.correct的长度为8，.drop的长度为5.但是当我拖动时图像并删除它然后第二个if语句工作，它没有意义。这是一个工作小提琴http://jsfiddle.net/lawnyan/pcmxwejb/2/。

以下是代码：

        $("#car, #boat, #soccer").draggable({
            start: function(event, ui) {
                if (!done) return false;
            },
            stop: function(event, ui) {
                if (($(".correct").length == $(".drop").length)) {

                    setTimeout(function() {
                        $('#win').text(winner + ' ' + 'stars' + ' ' + 'earned' + ' Completion time' + ' ' + counter + ' seconds');
                        alert("the .correct length is " + $(".correct").length);



                } else if ($(".correct").length == $(".drop").length) {
                    setTimeout(function() {
                        $('#win').text(winner + ' ' + 'stars' + ' ' + 'earned' + ' Completion time' + ' ' + counter + ' seconds');


                } else if ($(".correct").length == $(".drop").length) {
                    setTimeout(function() {
                        $('#win').text(winner + ' ' + 'star' + ' ' + 'earned' + ' Completion time' + ' ' + counter + ' seconds');



                }

            }
        });





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

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

    $("#boatDrop").droppable({
        accept: "#boat",
        drop: function(event, ui) {
            if (ui.draggable.is("#boat")) {

                $(this).addClass("correct").find("p").html("correct!");
                done = false;

                ui.draggable.fadeOut(500);
                $(this).fadeOut(500, function() {
                    done = true;
                });
            }
        }
    });

    $("#soccerDrop").droppable({
        accept: "#soccer",
        drop: function(event, ui) {
            if (ui.draggable.is("#soccer")) {

                $(this).addClass("correct").find("p").html("correct!");
                done = false;

                ui.draggable.fadeOut(500);
                $(this).fadeOut(500, function() {
                    done = true;
                });
            }
        }
    });

});