jquery

Question

드롭 된 요소가 다시 드래그되지 않도록 방지하는 방법 jquery UI를 사용하여 droppable 영역 내에서 특정 위치로 드래그 앤 드롭 된 요소가 다시 드래그되는 것을 방지하려면 어떻게해야합니까?

예

- 상기 예 요소 http://jsfiddle.net/DTYEB/

가 보관함으로 드래그 할 수 있지만, 소자의 상자 내에 다시 드래그 할 수 것이 가능이를 방지하기 위함이다 ..

Answer 1

사용자는 콜백 함수를 제공 할 수있다 여기

$('#imageContainer div').draggable({ 
    grid : [20,20],     
    cursor: 'move', 
    revert: function(valid) { 
     if(valid) { 
      this.draggable("option", "disabled", true); 
     } 
     return !valid; 
    } 
}); 

는입니다 : 드래그가 올바른 위치에 떨어 된 경우 revert 옵션 및 true에 disabled 옵션을 설정.

이 기능은 jQuery UI 설명서에없는 것 같습니다. revert 값은 부울 또는 문자열이어야하지만 함수 일 수도 있음을 언급하지 않습니다. 이 질문은 어제 또 다른 질문에서 제기되었으며, 나는이 콜백 함수의 사용에 대해 자세히 설명한 short article을 작성했습니다.이 콜백 함수는 관심이 있다면 더 자세히 설명합니다.