목록 항목에 정렬 및 드래그 가능한 동작이 있습니다.

Question

jQuery UI의 정렬 가능/드래그 가능/삭제 가능으로 처리하기 때문에 여기에 있습니다.

iTunes의 재생 목록 (트랙 목록의 순서를 변경하거나 다른 재생 목록으로 이동할 때)을하려고합니다. 아이디어는 내가 트랙 목록을 가지고 있으며이 목록을 원합니다. 정렬이 가능하고 쉬운 부분입니다. 사실 두 번째 목록 (재생 목록)이 있으며 트랙을 원하는 "재생 목록"항목으로 드래그 할 수 있기를 바랍니다.

가 여기 exemple의 : http://jsfiddle.net/MSGhf/1/

(내가 원하는대로 정렬이 정확하게 작동하고, 검은 선은 단지 <div class="plholder"></div>입니다)하지만 당신은 트랙을 끌어 시작할 때, 정렬 작품 잘. 그러나 드래그 할 수있는 트랙을 드래그 할 때 새로운 순서가 유지되므로 재생 목록의 트랙을 드래그하면 트랙 목록도 변경되므로 문제가됩니다.

그래서 트랙이 떠날 때 정렬 기능을 차단하는 방법을 모르겠습니다.

의견이 있으시면

감사합니다.

Answer 1

아, 그래, 무슨 일이 일어나는 지 알 겠어. 다음은 원하는 작업입니다 (실제 예 : http://jsfiddle.net/mori57/L3CF8/1/)

$(".droppable").droppable({ 
     tolerance: "pointer", 
     drop:function(){ 
      // You need to tell your sortable to cancel 
      // the last drag/drop interaction 
      $("ul").sortable("cancel"); 
      alert("Do something on drop ..."); 
     } 
    });