Question

So I have divs like this on my page:

<div class="drag"></div>

And this jquery code:

<script type="text/javascript">
    //<!--
$(document).ready(function() {

 $('.drag').draggable();

});    //-->
</script>

The draggable effect works well.

But I would like to find out an id of a HTML tag where the draggable div gets dropped. If it has any.

So if I drag the div to a table with id=”my-table”, I want to get that value inside js and do something with it.

Answer 1

if you have a draggable you also have a droppable…correct?

so you could do something like this:

$("#draggable").draggable();
$("#droppable").droppable({
  drop: function() {
    alert('dropped');
    var dropId = $(this).attr('id');
  }
});