Question

I have a problem with jQuery UI and get some information of a dropped item.
I have three areas on the screen:

<div id="area1"></div>
<div id="area2"></div>
<div id="area3"></div>

In these areas, I put elements which are draggable with jQuery UI.

Now if an element is dropped from one to another area, I will not only get the area number in which the element is dropped to, I also want the area number where the element was dropped before the new drop.

I created a full working example: http://jsbin.com/iyaya3/
There is a blue draggable element and if I drag it from area1 to area2, I want to have the alert message with “dragged from area1 – dropped to area2”.

How can this be done?

Best Regards, Tim-.

Answer 1

Hey, I updated your jsbin – http://jsbin.com/iyaya3/3

It works like this:

1. Take initial parent element’s id and save it on draggable using jQuery.data
2. When dropping it on droppable, update data