修改jQuery drop內容的問題

Question

我有兩個<ul>設置並通過JQuery拖放鏈接。我想添加一些文字，當該字段被刪除到已被刪除的<li>。

這是我的代碼 - 降低工作正常，但我不知道如何修改文本。

$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 
    }).disableSelection(); 
}); 

Answer 1

您可以使用任何event callback functions的（點擊「活動」選項卡上）來修改文本。這裏我用update事件（demo）：

$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable", 
     update: function(event, ui) { 
      // remove other messages 
      $('span.message').remove(); 
      // add message to current item 
      ui.item.append('<span class="message"> - dropped!</span>'); 
     } 
    }).disableSelection(); 
});