Проверка наличия перетаскивания нажатием кнопки

Question

Я понимаю логику jQuery Ui, и мне удалось создать перетаскивание и падение. Тем не менее, у меня возникла проблема с попыткой проверить, находится ли перетаскивание нажатием кнопки. Вот некоторые псевдо код, что я пытаюсь достичь

function checkAnswers(){ (called on button press) 

If(Drag 2 is on Drop 1){ 
    (Drag 2).css('color', 'green') 
} 

If(Drag 3 or Drag 4 is on Drop 1){ 
    (Drag 3/4).css('color', 'red') 
} 

Извиняюсь забыл упомянуть это Javascript

Answer 1

Вы могли бы соорудить что-то вроде этого:

$("#draggable").draggable(); 
$("#droppable").droppable({ 
    drop: function() { 
     alert("dropped"); 
    }, 
    over: function() { 
     $("#droppable").droppable("option", "hoverClass", "drop-hover"); 
    }, 
    out: function() { 
     $("#droppable").droppable("option", "hoverClass", ""); 
    }, 
    hoverClass: "drop-hover" 
}); 
$("#btn").click( function() { 
    var hoverClass = $("#droppable").droppable("option", "hoverClass");  
    console.log(hoverClass); 
    if(hoverClass === 'drop-hover') { 
     console.log("hovered"); 
    } else { 
     console.log("not hovered"); 
    } 
}); 

fiddle