jQuery UI Draggable - 도우미 복제본없이 connectToSortable - 또는 한 목록에서 다른 목록으로 항목을 이동하는 방법

Question

this example을 살펴보십시오.

helper은 내가 드래그하면 helper: 'clone', 이상한 일이 생긴다 제거하면, 실제로 완벽하게

을 작동하기 위해 '클론'으로 설정해야합니다

docs는 말한다.

문제는 "복제본"동작에 관심이 없다는 것입니다. 상품을 으로 옮기고 싶습니다.

참고 : 원래 (왼쪽) 목록은 정렬 할 수 없습니다.

아이디어가 있으십니까?

Answer 1

나는이 같은 문제로 어려움을 겪고 있습니다. 내가 진정으로 도우미를 '독창적 인'사람으로 설정하면 모든 종류의 불안정하고 이상한 행동을 보게됩니다.

귀하의 목적에 부합하는지 확신 할 수 없지만 드래그 시작/중지 이벤트 및 정렬 가능한 업데이트 이벤트를 수신하는 코드를 작성했습니다.

드래그 시작시 항목이 목록에서 숨겨집니다. 항목이 다른 목록 (부울로 결정됨)으로 전송되지 않으면 해당 항목은 표시되지 않습니다. 그러나 항목이 전송되면 원본은 제거됩니다.

$(function() { 
var transferred = false; 
$('#draggable li').draggable({ 
    connectToSortable: '#sortable', 
    helper: 'clone', 
    start: function(event, ui) 
    { 
     $(this).hide(); 
    }, 
    stop: function(event, ui) 
    { 
     if(!transferred) 
      $(this).show(); 
     else 
     { 
      $(this).remove(); 
      transferred = false; 
     } 
    } 
}); 

$('#sortable').sortable({ 
    receive: function(event, ui) 
    { 
     transferred = true; 
    } 
}); 

});

Modified jsfiddle example. (http://jsfiddle.net/xD2dW/12/)

은 물론 코드는 사용자의 특정 요구에 맞게 수정할 수 있습니다,하지만 난이 적어도 좋은 시작이다 바랍니다.

Answer 2

도우미 : function() {// Do Something; }