自定義拖放可排序jquery ui

Question

我正在使用jquery ui連接列表拖放2個uls.Now拖放工作正常。 我想爲這兩個drops編寫自定義函數。我將如何實現這一目標？

我嘗試以下，但它並沒有爲我工作（此執行兩個滴）

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

}});