Ответ 1

Чтобы получить идентификатор как перетаскиваемых, так и отбрасываемых элементов, используйте следующее:

$('.selector').droppable({ drop: Drop });

function Drop(event, ui) {
  var draggableId = ui.draggable.attr("id");
  var droppableId = $(this).attr("id");
}

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

Ответ 2

jQuery UI руководство по API droppable упоминает, как очень "секретно" получить "drop-on-droppable" в раздела опции greedy:

event.target можно проверить, чтобы увидеть, какая droppable получила перетаскиваемый элемент

Но обратите внимание, что event.target содержит только элемент DOM...

Ответьте на свой вопрос

Вы сможете получить идентификатор в своем обратном вызове droppable drop через первый параметр event.

Pure JS

Свойство: event.target.id - если идентификатор не задан: пустая строка ""
Атрибут: event.target.getAttribute('id') - если идентификатор не установлен: null

JQuery

Свойство: $(event.target).prop('id') - если идентификатор не задан: пустая строка ""
Атрибут: $(event.target).attr('id') - если идентификатор не установлен: undefined

Пример использования

<script>
$(function(){
    $(".droppablesSelector").droppable({
        drop: function (event, ui) {                                      
          //display the ID in the console log:
          console.log( event.target.id );
        }
    });
});
</script>

Дополнительная информация

Событие
jQuery event system нормализует объект события в соответствии с W3C стандартов. Объект события гарантированно будет передается обработчику событий (не требуется проверка наличия окна.). Это нормализует цель, relatedTarget, которая, metaKey и pageX/Y свойства и предоставляет как stopPropagation(), так и preventDefault() Методы.

Ответ 3

Вы подключите событие "drop" и опросите элемент, который вы только что сбросили. Элемент, являющийся параметром "ui" в функции ниже

$( ".selector" ).droppable({
   drop: function(event, ui) { ... }
});

Посмотрите документацию .