jquery 可拖动停止事件答案

【问题标题】：jquery draggable stop eventjquery 可拖动停止事件
【发布时间】：2014-08-18 11:47:19
【问题描述】：

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

$(".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

如果从 Draggable stop 函数中删除，如何获取被删除的元素 ID。

【问题讨论】：

你没有解释你的问题是什么以及你需要实现什么
实际上他的问题是关于停止他想要显示元素 ID。
我想通过可拖动的停止事件或内部停止事件检查拖动的元素放置任何元素来获取放置的元素 id
你不能从 draggable 中实现它，没有 event 或任何命名的东西放在 draggable 中，你不能在 stop 中使用它：draggable 的功能。

标签： jquery jquery-ui draggable droppable

【解决方案1】：

在droppable 中很容易得到一个。但不是draggable 有一种hacky 方法可以在draggable 的停止事件中获取丢弃元素的ID ...

我在以前的项目中尝试过，效果很好。

试试这个：

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

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

【讨论】：

【解决方案2】：

我用这个，它对我有用：

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

【讨论】：