我想要計算div中的下降數

Question

我有3個可拖動的數據，我希望它們每個都可以放入一個droppable，當它們都被放棄時我想做點什麼......我不知道如果這段代碼非常好，但我不知道如何以其他方式做。現在我想知道是否有人可以幫助我...猜猜你可以看到我對此很新，這裏是我的.js我應該使用某種數組來計算droppables嗎？

$(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++; 
         } 
       }); 
      } 


    }); 
}); 

Answer 1

你想在事故發生後做點什麼..對吧？

在所有你有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} 
      }