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

Question

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

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

我创建了一个jsfiddle：

http://jsfiddle.net/dXmpG/

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

myupdatescript.php?Player=[li item 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