jQuery UI - получить значение элемента, на котором элемент упал

Question

Есть ли функция пользовательского интерфейса jQuery, которая позволит мне получить значение (текст внутри div или id) элемента, на котором элемент удален?

Вот пример, я хотел бы получить номер позиции контейнера, на котором элемент отбрасывается.

http://jsfiddle.net/Laurent514/Kq7rn/1/

Я могу привязать Droppable элемента к определенному элементу, как так:

$(".item").draggable({ snap: ".dropzone" }); 

Но что мне нужно здесь это идентификатор элемента, над которой отбрасывается перетаскиваемый элемент.

Спасибо! Laurent

Answer 1

Вот один из вариантов использования Droppable.

Примечание: оно будет работать только тогда, когда оно полностью перекрывает привязку к элементу. Если это то, что вы собираетесь делать.

$(".item").draggable({ 
    snap: ".dropzone", 
    stop: function (event, ui) { 
     var item = this; 
     $('#dropzones li').each(function(){ 
      if($(item).position().left == $(this).position().left) 
       alert($(this).attr('id')); 
     }); 
     $('.item').draggable("disable"); 
    } 
}); 

Пример:

Fiddle

Fiddle2- No Disable

Answer 2

Я считаю, что вам нужно использовать Droppable:

http://jsfiddle.net/theQQ/

$('.dropzone').droppable({ 
    drop: function(event, ui) { 
     console.log('dragged ' + ui.draggable.attr('id') + ' onto ' + this.id); 
    } 
}); 

Answer 3

Вам нужен Droppable.

$(".dropzone").droppable({ 
    drop: function(event, ui){ 
     var id = $(this).attr("id"); 
     console.log("Dropped to: " + id); 
     $('.item').draggable("disable"); 
    } 
}); 

Вот Demo