Question

I am currently working on a project. There are two buttons which are bound to two divs. When button 1 is pushed #draggableDiv 1 is shown and if button 2 is pushed #draggableDiv2 is shown. They can then be dragged to #droppableDiv. I want to be able to recognize which div has been dropped.

if("#draggableDiv1" == dropped)
    {
      Run this code;
}else{
      Run this code;

Answer 1

Make sure you in your droppable options you pass the event and ui arguments like this:

drop: function( event, ui ) {

Then in your drop function you can detect it like this:

var dropped = ui.draggable.attr('id');
if ("draggableDiv1" == dropped)
etc.