정렬되지 않은 목록의 목록 항목 교체

Question

저는 Jerery의 Lerner입니다.

<ul id="draglist"> 
<li>item1</li> 
<li>item2</li> 
<li>item3</li> 
</ul> 
<ul id="droplist"> </ul> 

나는 2 개의 목록을 가지고있다.

$(function() { 

      $("#draglist").sortable({appendTo: "body", helper: "clone"}); 
      $("#draglist").disableSelection(); 
      $("#droplist").droppable(
         { activeClass: "ui-state-default", 
           hoverClass: "ui-state-hover", 
           accept: ":not(.ui-sortable-helper)", 
           drop: function(event, ui) { 

            var aa=ui.draggable.text(); 
            alert(aa); 
            $(this).find(".placeholder").remove(); 
            $("<li></li>").text(ui.draggable.text()).appendTo(this); 

         } 
      }); 
    }); 

이 코드 스 니펫은 내 드래그 목록을 드래그 앤 드롭리스트로 만듭니다. 항목을 놓으면 목록에 항목이 추가됩니다. 하지만 기존 요소를 두 번째 목록에 놓을 때 대체하고 싶습니다. 그렇게하는 방법?

Answer 1

이 드롭 기능에 $("#droplist").children().remove();
결과를이 추가 사전에

감사는 다음과 같아야합니다

여기

$(function() { 

    $("#draglist").sortable({ 
     appendTo: "body", 
     helper: "clone" 
    }); 
    $("#draglist").disableSelection(); 
    $("#droplist").droppable({ 
     activeClass: "ui-state-default", 
     hoverClass: "ui-state-hover", 
     accept: ":not(.ui-sortable-helper)", 
     drop: function (event, ui) { 
      $("#droplist").children().remove(); 
      var aa = ui.draggable.text(); 
      alert(aa); 
      $(this).find(".placeholder").remove(); 
      $("<li></li>").text(ui.draggable.text()).appendTo(this); 



     } 

    }); 


}); 

는 Fiddle

입니다