jquery - 使用 Jquery UI 拖动和更新列表并提取行项目 ID 进行更新

Question

我正在尝试构建一个团队选择器应用程序，允许您将未加入团队的玩家拖入团队。

我正在使用可通过“connectWith”进行排序的 JQUERY UI。到目前为止，我可以将玩家从玩家列表中拖动到单独的团队中，但是我希望能够在每个玩家在团队之间移动时触发更新。

我创建了一个jsfiddle:

http://jsfiddle.net/dXmpG/

当“玩家”从玩家列表拖到团队列表时，脚本会提醒两个列表的名称，但是我希望能够获得的是已移动的行项目的 ID，以便我可以发送类似于以下内容的更新:

myupdatescript.php?Player=[li 项目 id]&FirstList=Players&SecondList=Team1

是否可以提取要移动的订单项的 ID？

Answer 1

尝试将此作为您的更新功能:

update: function (event, ui) { 
    alert($(ui.item).attr("id"));
} 

请注意，您将收到两次警报，因为您有两个“.connectedSortable”实例，一个用于 Team1，另一个用于 Team2。因此 Team1 的 sortupdate 事件将触发，然后 Team2 的 sortupdate 事件将触发。

更新了jsfiddle:http://jsfiddle.net/pjFgw/1/

jQuery UI 引用:http://jqueryui.com/demos/sortable/#event-update