conditions pour les différents divs glisser-déposer

Question

J'ai 2 divs largables appelé goutte et drop1 et 2 éléments appelés draggable drag1 et drag2. Je veux faire une alerte quand drag1 et drag2 sont à la fois dans drop et drop1. Signification, les deux divs auraient drag1 et drag2.

Mais parce que je l'ai fait dans une fonction distincte pour chaque div, je ne peux pas semble rendre les conditions apparaissent ensemble. Comment puis-je détecter que les deux divs sont occupés à la fois drag1 et drag2 et alerte que quand il arrive?

Javascript:

$(".drop").droppable({ 
        drop: function (event, ui) { 
         if ($("#drag1, #drag1", $(".drop")).length === 2) { 
          alert("correct"); 
         } 
}); 

$(".drop1").droppable({ 
        drop: function (event, ui) { 
         if ($("#drag1, #drag2", $(".drop1")).length === 2) { 
          alert("correct"); 
         } 
}); 

Html:

<img id="drag1" draggable="true" src="images/equation1_3.png"> 
<img id="drag2" draggable="true" src="images/equation1_2.png"> 

<div class="drop" id="div1"></div> 
<div class="drop1" id="div2"> </div> 

Answer 1

$(".drop1, .drop").droppable({ 
    drop: function (event, ui) { 
    if ($("#drag1, #drag2", $(".drop1")).length === 2 && $("#drag1, #drag2", $(".drop")).length === 2) { 
     alert("correct"); 
    } 
}); 

Avez-vous essayé d'initialisation des événements sur les deux divs ensemble?