Jquery Sortable Update Event只能調用一次？

Question

我試圖用Jquery進行類別更改& Php。我沒有問題。我的問題是，當更新事件被調用時，它返回2個結果。 1個拖拽父項的結果，1個刪除父項的結果。我想只打電話給父母的身份證。這是我的腳本：

$("#gallery ul").sortable({ 
    connectWith: '.dropBox', 
    opacity: 0.35, 
    scroll: true, 
    scrollSensitivity: 100, 
    //handle: '.move', 
    helper: 'clone', 
    containment:'#gallery', 
    accept:'#gallery > .photo', 
    revert: true, 
    update: function(event, ui){ 
     params = 'c=' + $(this).attr('id') + '&id=' + ui.item.attr('id'); 

     $.ajax({ 
      type: 'POST', 
      url: 'processData.php', 
      data: params, 
      error:function(){ 
       alert("Error!"); 
      }, 
      success:function(data){ 
       $("#serverResponse").html(data); 
      } 
     }); 
    } 
}).disableSelection(); 

你能幫助我嗎？

Answer 1

使用update，stop和receive事件，例如

$(function() { 
    position_updated = false; //flag bit 

    $(".sortable").sortable({ 
     connectWith: ".sortable", 

     update: function(event, ui) { 
      position_updated = !ui.sender; //if no sender, set sortWithin flag to true 
     }, 

     stop: function(event, ui) { 
      if (position_updated) { 

       //code 

       position_updated = false; 
      } 
     }, 

     receive: function(event, ui) { 
      // code 
     } 

    }).disableSelection(); 
}); 

Answer 2

你應該嘗試用不同sortable活動中發揮

• 開始
• 排序
• 變化
• beforeStop
• 停止
• 更新
• 收到
• 刪除
• 在
• 出
• 激活
• 取消

我敢肯定一個of'em會是你的答案。

來源：http://jqueryui.com/demos/sortable/#event-change

Answer 3

ui.sender只存在於第二個回調。

$(".sortable").sortable({ 
    connectWith: ".sortable", 
    update: function (evt, ui) { 

     // just ignore the second callback 
     if(ui.sender == null){ 

      // call ajax here 

     } 


    }, 
    receive: function (evt, ui) { 

     // called after the first 'update' 
     // and before the second 'update' 
     // ui.sender is always exists here 

    } 

}).disableSelection(); 

Answer 4

只是這樣做：

update: function(event, ui) { 
      if(ui.sender) { 
      // Your actual code 
      } 
     },