jquery - 有没有一种聪明的方法来获取 jQueryUI 中的可排序目标

Question

我使用 jQuery UI 链接多个列表，并允许在不同列表之间拖放项目。

在 receive 事件中，我想获取该项目放入的列表。ui.item.parent() 是执行此操作的正确方法吗？或者是否有 ui 或 event 的属性可以让我直接访问它？

<小时/>

<ul><li>item 1</li></ul>
<ul><li>item 2</li></ul>

<小时/>

$('ul').sortable({
    connectWith: 'ul',
    receive: function(event, ui) {
        var targetList = ui.item.parent();
    }
});

Answer 1

由于在接收列表上调用了receive事件，因此您可以通过$(this)获取新的父级。源列表可通过ui.sender访问。

$('ul').sortable({
    connectWith: 'ul',
    receive: function(event, ui) {
        var sourceList = ui.sender;
        var targetList = $(this);
    }
});