Question

我已经搜索了很多。但我找不到答案。也许是公告。这是我的一些代码：

$(".box").draggable({
        revert:"invalid",
        stop:function(ev,ui){
            //if(dropped) alert(ui.item.attr("id");
            //else alert("Not dropped");
        }
    });
$(".box").droppable({
        accept:function(drag){
            return $(drag).attr("data-id")===$(this).attr("data-id");
        },
        drop:function(ev,ui){

        }
    });

我看过droppable options和draggable options。但它没有帮助。换句话说，如何使用可拖动的选项，事件和方法访问被删除的元素。同时加入jQuery Droppable, get the element dropped

如果从可拖动停止功能中删除了删除的元素Id，该如何获取它。

Answer 1

在droppable中很容易得到一个。但是不能使用draggable在draggable中找到停止事件中已删除元素的ID的hacky方式......

我在之前的项目中尝试过它，就像魅力一样。

试试这个：

$( "#draggable" ).draggable(
      { handle: "p",
        stop: function(event, ui){
          console.log(event);
          console.log($(ui.helper[0]).children().attr('id'));
     }
});

http://jsfiddle.net/rahulrulez/gg4z10v4/

Answer 2

我使用它，它适用于我：

   $trash2.droppable({
        accept: "#gallery > li",
        activeClass: "ui-state-highlight",
        drop: function (event, ui) {
            deleteImage(ui.draggable);
        }
    });

jquery draggable停止事件

2 个答案: