获取可排序jQuery中拖动列表项的ID答案

【问题标题】：Get ID of dragged list item in a sortable jQuery获取可排序jQuery中拖动列表项的ID
【发布时间】：2013-12-20 10:15:32
【问题描述】：

我有这个 html：

<ul>
    <li id='item1'>First</li>
    <li id='item2'>Second</li>
    <li id='item3'>Third</li>
</ul>

还有这个 .sortable jQuery：

$(function(){
    $("#listofpages").sortable({

    }
})

如何获取被拖动元素的id？

【问题讨论】：

【解决方案1】：

在update 事件回调中，您可以这样做 (demo)：

$( "#listofpages" ).sortable({
  update: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});

【讨论】：

我在我的 iPhone 上输入了这个，它不支持 sortable 但这可能是一个工作演示：jsfiddle.net/gefQs（jsfiddle 在 iPhone 上不是那么容易）（刚刚测试过它和它有效！:)

【解决方案2】：

之前的答案非常好，但是您应该使用接收事件而不是更新，更新会根据需要触发两次，并且可能会导致问题，因为它会为从上一个列表中删除的元素触发一次，而为添加到新列表的元素触发一次.

$( "#listofpages" ).sortable({
  receive: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});

【讨论】：