Question

我正在使用jquery ui连接列表在2 uls之间拖放。现在拖放工作正常。我想为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跌落功能：

$("#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下降功能：

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

}});

在可排序的jquery ui

1 个答案: