jquery droppable two return value

Question

У меня есть два изображения. Фото-1 частично покрывает фото-2:
2 photos

Я могу упасть новое изображение на фото-1 с JQuery перетаскиваемым-Droppable. Проблема в том, что если я сниму новую фотографию на фото-1, я получу два значения последовательно. (первое: фото-1 ID, второе: фото-2 ID)

Вот код:

$("#dropbox span").droppable({ 
    drop: function(event, ui){ 
     var droppableId = $(this).attr("id"); 
     console.log(droppableId); 
    }); 
}); 

<div id="dropbox"> 
<span id="first"></span> 
<span id="second" ></span> 
</div> 

Как я могу получить обратно только первый идентификатор?

Заранее благодарен!

Answer 1

я мог бы решить эту проблему двумя способами:

1. с ЯШ: vaceta/jquery-top-droppable

2. с stackoverflow post, но здесь мне нужно модифицировать 'над' раздела: Droppable ({отключено : true})

Спасибо всем за помощь.