jQuery를 UI 정렬 가능한 - 예를 들어 수동 항목

Question

내가 수동 항목에 jQuery를 UI 정렬 가능한의 변경 이벤트를 잡으려고 노력하고있어, 변경 이벤트 :

이

1 
2 
3 
4 

내가 번호를 이동 :이 목록을 제공

가기 3 : 내가 3 개 요소의 위치를 ​​변경

3 
2 
1 
4 

, 내가 (3,2,1)
현재 나는이 그들 모두 3의 변경 이벤트를 잡으려면 그래서 같은 시작과 변화 이벤트에 대한 코드 :

start: function (event, ui) { 
     if (ui.item.data('startPos') == null) { 
      ui.item.data('startPos', ui.item.index()); 
     } 
    }, 
    change: function (event, ui) { 
     var startPos = ui.item.data('startPos'); 
     var newPos = ui.placeholder.index(); 

     if (startPos != null && startPos != newPos) { 
      ui.item.addClass('sort-dirty'); 
      ui.item.attr('data-newSortOrder', newPos); 
     } else { 
      ui.item.removeClass('sort-dirty'); 
     } 
    } 

은 그러나이 사건은 내가 "감동"단일 요소에만 발생 (3)이 아닌 "수동"요소 (1, 2).
위치가 변경된 모든 항목에 등록 할 공개 이벤트가 있습니까?

Answer 1

항목을 드래그하는 동안 각 요소가 위치가 변경된 이벤트 발생을 보여주는 jsfiddle을 만들었습니다. 이러한 이벤트가 발생하면 콘솔에 로그를 남기므로 제대로 작동하는지 확인할 수 있습니다. start(event, ui) 사용자가 항목 드래그를 시작하면 이벤트가 시작되고 각 항목이 시작 항목으로 이동하면 change(event, ui) 이벤트가 발생합니다.