如何在 JQuery UI 中排序拖动事件？答案

【问题标题】：how to get dragged event in JQuery UI sortable?如何在 JQuery UI 中排序拖动事件？
【发布时间】：2010-04-15 08:51:24
【问题描述】：

我正在使用这个 jquery 来制作一个可拖放的可排序列表。 http://jqueryui.com/demos/sortable/ 如何捕捉元素的拖动事件？

<script>

$(document).ready(function() { $("#sortable").sortable(); });

</script>

请帮助我。我不熟悉 jquery。提前谢谢..我需要获取拖动元素的 id。

【问题讨论】：

【解决方案1】：

获取被拖元素ID的方法如下：

$('#sortable').sortable({
    stop: function(ui, event){
        var id = event.item.attr('id');
        alert(id);
    }
});

【讨论】：

【解决方案2】：

根据this page，您可能会使用start 或activate 事件。

【讨论】：

【解决方案3】：

与之前的答案非常相似，但我在排序完成后使用 deactivate 来捕获事件

jQuery：

$('.week').sortable({
  deactivate: function (ui,e) {
    console.log(e.item.attr('id'));
  },
});

【讨论】：