Получение значений элементов, которые были сброшены друг с другом с помощью jQuery?

Question

У меня есть следующий jQuery:

  $(document).ready(function(){
    $(".element").draggable();
    $(".element").droppable({
      drop: function() { 
        alert('dropped');
      }
    });
  });

Все, что связано с классом 'element', можно манипулировать и перетаскивать по странице. Я хочу иметь возможность найти html-содержимое перетаскиваемого элемента и удаляемого элемента и использовать их где "alert ('drop')"; есть, чтобы я мог сделать что-то вроде:

alert(firstelement+ ' was dropped on ' +secondelement);

Есть идеи?

Answer 1

Вам необходимо добавить параметры в ваш обратный вызов.

drop : function(event, ui) {
   var droppable = $(this);
   var draggable = ui.draggable;

   alert(droppable.attr('id') + " was dropped on " + draggable.attr('id'));
}

http://jqueryui.com/demos/droppable/#event-drop