Есть drag-элемент, который мы перетаскиваем в drop-зону, таких drag-элементов может быть несколько, они представляют собой карты(div-блоки), которые при попадании в droppable, должны давать какой-то эффект и пропадать. Я нашёл, как получить id droppable-блока, но мне нужно научиться получать id draggable-блоков, т.к. после использовании эффекта карты, я должен и удалить соответствующую карту.
Короткий пример текущего кода:
<div id="monster" class="id1">
<div id="card1" class="id1">
Это мои блоки, но карт может быть несколько(т.е. будут card2, card3, card4... перемещаемые div-блоки).
<script type=\'text/javascript\'>
$("#card1").draggable({revert:true});
$("#monster").droppable({
drop:function(event, ui){
alert($(event.target).attr("id"));
$(this).remove();
}
});
</script>
Пример обработчика, задача состоит в том, чтобы alert получил id не droppable-зоны(как сейчас), а draggable. А после уже необходимо удалить drag-элемент.