Question

是否有一个jQuery UI函数可以让我获取一个项目被删除的元素的值（div或id名称中的文本）？

这是一个例子，我想获得放置元素的容器的位置数。

我可以将droppable元素捕捉到特定元素，如下所示：

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

但我需要的是拖放元素被删除的元素id。

谢谢！劳伦

Answer 1

我相信你需要使用droppable：

http://jsfiddle.net/theQQ/

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

Answer 2

这是一个不使用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 3

您需要Droppable。

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

以下是Demo

jQuery UI - 获取项目被删除的元素的值

3 个答案: