自定义可排序的jQuery UI中的拖放

Question

我正在使用jQuery ui连接列表在2ul之间拖放，现在拖放工作正常。 我想为两个drop编写自定义函数，如何实现呢？

我尝试了以下操作，但对我没有用（这两个操作都执行）

  $("#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)

    }
});

Answer 1

我需要使用接收而不是更新

对于第一个ul drop功能：

$("#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)

}});

对于第二个ul drop功能：

$("#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)

}});