jcleryui Onclick 속성을 드래그 앤 드롭으로 충돌합니다

Question

두 작업을 가진 HTML 컨트롤이 있습니다 : 1- Onclick 함수가 있고 Onclick이 발생하면 asp.net 포스트 백 트리거와 편집을위한 모달 상자가 열립니다. 2 - 드래그 앤 드롭으로 jQuery를 사용하여 다른 HTML 컨테이너로 드래그하면 onclick이 발생하지 않고 다른 컨테이너로만 드롭합니다.

어떻게하면됩니까? 내 컨트롤을 끌어을 클릭 할 때, 온 클릭 기능은 여기

내 HTML 컨트롤입니다 :(전화 :

<div class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end event-blue ui-draggable" onclick="CallPostBack('2|NoDate|4');" style="position: relative;"><div class="fc-event-inner"><span class="fc-event-title">aaa</span></div></div> 

이 내 CallPostBack 자바 스크립트 함수이다 :

function CallPostBack(eventArguments) { 
    __doPostBack('<%=ctl1.UniqueID %>', eventArguments); 
} 

여기 내입니다 드래그 앤드 이동 기능 :

function setMovableEvents() { 
    //alert('drag'); 

    return $(".fc-event").each(function() { 
     return $(this).draggable({ 
      zIndex: 999, 
      revert: false, 

     }); 
    }); 
} 

Answer 1

마지막으로 내가 변화 내 이동 기능 내 문제를 해결할 수 있습니다 : 발생 드래그 할 때

function setMovableEvents() { 
    //alert('drag'); 

    return $(".fc-event").each(function() { 
     return $(this).draggable({ 
      zIndex: 999, 
      revert: false, 
      start: function (event, ui) { 
       Moving = true; 
       $(this).css('z-index', 100000); 
       $(this).prop('onclick', ''); 
      }, 
      stop: function() { 
       Moving = false; 
      } 
     }); 
    }); 
} 

지금, 내가 온 클릭이 온 클릭 자바 스크립트 함수를 클릭 방지하기 위해 취소합니다.

Answer 2

jq에서 클릭 대신 mouseup을 사용하는 것이 좋습니다. uery :

$('.fc-event').mouseup(function(){ 
    ... 
});