Я пытаюсь подсчитать количество капель в div

Question

У меня есть 3 draggables, и я хочу, чтобы они поместились в один droppable каждый, когда все они были сброшены, я хотел бы что-то сделать ... Я не знаю если этот код очень хорош, но я не знаю, как это сделать любым другим способом. Теперь я задаюсь вопросом, может ли кто-нибудь помочь мне ... Угадайте, что вы можете видеть, что я очень новичок в этом, вот мой .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++; 
         } 
       }); 
      } 


    }); 
}); 

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} 
      }