JQuery의 내용을 수정하는 중 문제가 발생했습니다.

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(); 
});