Jquery 我在试着数一数一个div中的下降数

我有3个拖拽装置，我希望每个都能放在一个拖拽装置中，当它们都被放下后，我想做点什么。。。我不知道这段代码是否很好，但我不知道如何用其他方法来实现它。现在我想知道是否有人能帮我。。。我猜你可以看到我对这个很陌生，这是我的.js。我应该做一些数组来计算下拉列表吗

$(function(){

    $("#dragItems img").draggable({
        containment: "#gameBoard",
        revert: "invalid"
    });



    var i = 0;
    $(function(){

            if(i === 2){
                //do something;
            } else {
                $("#dropBoxes img#drop4").droppable( { 

                    tolerance : "intersect",
                    accept : "img#drag4",
                        drop : function() {
                            $(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
                            i++;
                        }
                });
                $("#dropBoxes img#drop5").droppable( { 

                    tolerance : "intersect",
                    accept : "img#drag5",
                        drop : function() {
                            $(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
                            i++;
                        }
                });
                $("#dropBoxes img#drop2").droppable( { 

                    tolerance : "intersect",
                    accept : "img#drag2",
                        drop : function() {
                            $(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
                            i++;
                        }
                });
            }


    });
});

$（函数（）{
$（“#dragItems img”）.draggable({
遏制：“游戏板”，
回复：“无效”
});
var i=0；
$（函数（）{
如果（i==2）{
//做点什么；
}否则{
$（“#dropbox img#drop4”）.dropable（{
公差：“相交”，
接受：“img#drag4”，
drop:function（）{
$（此）。追加（“”）；
i++；
}
});
$（“#dropbox img#drop5”）.dropable（{
公差：“相交”，
接受：“img#drag5”，
drop:function（）{
$（此）。追加（“”）；
i++；
}
});
$（“#dropbox img#drop2”）.dropable（{
公差：“相交”，
接受：“img#drag2”，
drop:function（）{
$（此）。追加（“”）；
i++；
}
});
}
});
});

发生跌落后，您想做点什么。。对吧?

在所有有

i++

的地方，为什么不让下一行调用一个函数来检查

i

的值并执行任何需要执行的操作呢

例如：

          $("#dropBoxes img#drop2").droppable( { 

                tolerance : "intersect",
                accept : "img#drag2",
                    drop : function() {
                        $(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
                        i++;
                        //call my magical function that will do stuff
                        //magical_function(i);
                    }
            });

           function magical_function(i){
             if(i==2){//do something}
           }