JQuery Drag and Drop Проверка Вопрос

Question

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

Например, у меня есть собака, и я притащил ее в собачью будку, у которой есть лампочка, которая загорается, показывая, что собака там. Когда я вытаскиваю собаку из собачьей будки, лампочка должна снова погаснуть, что указывает на отсутствие собаки.

Помогите мне, пожалуйста, потому что я действительно понятия не имею, как это сделать. Заранее спасибо. :)

Answer 1

Вы можете использовать [drop drop] [1], встроенный в UI / draggable. Вот пример кода:

$("#doghouse").droppable(
    {drop:function(event,ui){
        if (ui.draggable[0].id=="dog"){
            //show lightbulb
        }
    });