Javascript 在可排序的jquery ui中自定义拖放

我正在使用jquery ui连接列表在两个uls之间拖放。现在拖放工作正常。 我想为这两个水滴编写自定义函数。我将如何实现这一点

我尝试了以下方法，但对我无效（这两种方法都适用）

这不会对两个下降都执行

  $("#sortable1").sortable({
    update: function (event, ui) {
        debugger;
        var id = ui.item.attr("id");
        alert(id);
        var val = ui.item.val();
        alert(val);
        var index = ui.item.index()+1;
        alert(index)
    }
});

 $("#sortable2").droppable({
    update: function (event, ui) {
        debugger;
        var id = ui.item.attr("id");
        alert(id);
        var val = ui.item.val();
        alert(val);
        var index = ui.item.index() + 1;
        alert(index)

    }
});

---

我需要使用receive而不是update

对于第一个ul下降功能：

$("#sortable1").droppable({
receive: function (event, ui) {
    debugger;
    var id = ui.item.attr("id");
    alert(id);
    var val = ui.item.val();
    alert(val);
    var index = ui.item.index() + 1;
    alert(index)

}});

$("#sortable2").droppable({
receive: function (event, ui) {
    debugger;
    var id = ui.item.attr("id");
    alert(id);
    var val = ui.item.val();
    alert(val);
    var index = ui.item.index() + 1;
    alert(index)

}});

对于第二个ul下降功能：

$("#sortable1").droppable({
receive: function (event, ui) {
    debugger;
    var id = ui.item.attr("id");
    alert(id);
    var val = ui.item.val();
    alert(val);
    var index = ui.item.index() + 1;
    alert(index)

}});

$("#sortable2").droppable({
receive: function (event, ui) {
    debugger;
    var id = ui.item.attr("id");
    alert(id);
    var val = ui.item.val();
    alert(val);
    var index = ui.item.index() + 1;
    alert(index)

}});

---

你也能粘贴一些HTML吗？@burflip我知道了。。我不应该使用更新。相反，我必须使用receive。