jQuery dropppable에 대한 놓기 작업을 취소하는 방법은 무엇입니까?

Question

draggables를 허용하는 jQuery UI droppable이 있습니다. 특정 조건이 충족되면 드롭 작업을 허용하지 않습니다.

어떻게 삭제 작업을 취소하고 되돌리기 작업을 수행합니까?

Answer 1

낙하 할 위젯의 accept 옵션 : 이 승인 될 셀렉터에 일치하는

모든 draggables. 함수가 으로 지정되면이 함수는 이라는 페이지 (각각 이 함수 함수의 첫 번째 인수로 전달됨)에 전달되어 사용자 지정 필터를 제공합니다. draggable을 수락해야하는 경우이 함수는 true를 반환해야합니다.

$(".draggable").draggable({ 
    revert: 'invalid' 
}); 

$("#droppable").droppable({ 
    accept: function(el) { 
     /* This is a filter function, you can perform logic here 
      depending on the element being filtered: */ 
     return el.hasClass('acceptable'); 
    } 
}); 

참고이 특정 예에서, 당신은 또한 낙하 할 경우에만 클래스 요소를 수용 할 것이다, accept: ".acceptable"를 작성할 수 있다는 : 당신이 필요로하는 무엇을 얻어야한다 드래그에 revert 옵션과 함께

acceptable. 따라서 맞춤 이벤트가 발생하는 경우도 있습니다. 필요한 경우 acceptable 클래스를 적용하거나 제거하면됩니다. http://jsfiddle.net/andrewwhitaker/rUgJF/3/

바닥 오프에 "수용"을 토글 링크가 :

다음은 예입니다.