Jquery ui sortable drop 이벤트

Question

나는 jquery UI sortable로 작업 중입니다. sorting 배열을 drop 이벤트의 처리 파일에 전달하고 싶습니다.

하나 개 재미있는 것은 내가 http://jsfiddle.net/7Ny9h/

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 

    $("#sortable li").droppable({ 
     drop: function() { 
      var order = $("#sortable").sortable("serialize", {key:'order[]'}); 
      $("p").html(order); 
     } 
    }); 
}); 

내가 BOX 2 호를 이동하는 경우, 상자 2 배열에서 제외되고, 샘플을보고 .. 발견했다.

아마도 "dropend"이벤트의 종류가 필요합니다. jquery UI 드롭 이벤트는 끌어다 놓은 이벤트를 계산하지 않기 때문일 수 있습니다.

Answer 1

jQuery UI Sortable stop 이벤트로 문제를 해결할 수 있습니다.

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 

    $("#sortable").sortable({ 
     stop: function() { 
      var order = $("#sortable").sortable("serialize", {key:'order[]'}); 
      $("p").html(order); 
     } 
    }); 
}); 

Answer 2

update을 사용하여 감지 할 수도 있습니다. 당신이 잘못하고 있기 때문에

$("#sortable").sortable({ 
     update: function() { 
      // do stuff 
     } 
    });