jquery draggable stop 요소의 더블 클릭시

Question

jquery를 드래그 할 수있는 요소가 여러 개 있습니다. 이러한 요소를 두 번 클릭하여 양식이있는 대화 상자를 열 수도 있습니다.

사용자가 두 번 클릭 할 때 더블 클릭 후 마우스를 누른 채로 요소를 끌뿐만 아니라 대화 상자를 열면 요소가 실현되지 않고 대화 상자 뒤쪽으로 이동합니다 그것.

두 번 클릭하면 draggable 이벤트를 완전히 제거하고 현재 draggables를 중지 할 때 draggable을 중지 할 수 있어야합니다. 대화 가까이에

$(".items").draggable("option", "disabled", true); 

다음

$(".items").draggable("option", "disabled", false); 

을하지만,이 나던 작품 (그것은 새로운 드래그 이벤트를 생성 할 수있는 기능을 중지 할 수 있지만 현재 드래그를 종료 나던

I을 : 나는 노력했다. 어떤 사람들은 쓰레기 더미를 완전히 쓰다듬는다고 말한 다음 다시 읽었지만, 그 추악한 롤처럼 해결책이 될 수는 없다.

짜증나는 작은 문제가 있지만 내 시스템에 문제를 일으키고 어디서나 답을 찾을 수 없습니다.

Answer 1

시도해보십시오. 대화 상자를 열 때 드래그 앤을 사용하지 않도록 설정하고 닫을 때 사용하도록 설정하십시오.

$("#dialog").dialog({ 
     width: 150, 
     height: 175, 
     autoOpen: false, 
     draggable: false, 
     resizable: false, 
     modal: true, 
     title: 'Form', 

     open: function(event, ui) { 

      $('.draggable').draggable({ 
       cancel: '.draggable' 
      }); 
     }, 
     close: function(event, ui) { 

      $('.draggable').draggable({ 
       cancel: '' 
      }); 
     } 
    }); 

http://jsfiddle.net/EN3MD/22/