javascript - jquery 和 javascript 中 i++ 的问题

Question

为了一个学校项目，我正在用 javascript 和 jquery 制作一个拼图游戏。我已经创建了 4 个可拖动的 div，它们应该被放置在一个点上，如果所有的 div 都被放置在正确的位置，它应该给出拼图已完成的消息。一切都完成了，除了消息的部分。我的 IT 老师告诉我，我必须使用计数器 (i++)，但我无法让这部分工作。你能帮忙吗？

如果你有答案，你能解释一下吗？我对 jquery/javascript 没有太多经验。

提前致谢，Friso(荷兰)

重要内容的代码(链接到页面:friso.webatu.com/Site/droppable_jquery_met_javascript.htm)

<script>
var i = 0;
$(function() {

    $( ".draggable_l_t" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
    $( ".draggable_r_t" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
    $( ".draggable_l_b" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
    $( ".draggable_r_b" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });

    $( ".droppable_l_t" ).droppable({
        accept: ".draggable_l_t",
        drop: function( event, ui ) {

                    i++;
        }
    });

    $( ".droppable_r_t" ).droppable({
        accept: ".draggable_r_t",
        drop: function( event, ui ) {

                    i++;
        }
    });

    $( ".droppable_l_b" ).droppable({
        accept: ".draggable_l_b",
        drop: function( event, ui ) {

                    i++;
        }
    });
    $( ".droppable_r_b" ).droppable({
        accept: ".draggable_r_b",
        drop: function( event, ui ) {

                    i++;
        }
    });

});
while (i==3)
{alert('goedzo!');}
</script>

Answer 1

开始时 i 为 0，因此警报循环将立即退出。