javascript - Onclick property conflict with jqueryui drag and drop -

javascript - Onclick property conflict with jqueryui drag and drop -

i have html command 2 operation: 1- has onclick function , when onclick occur asp.net post triggers , modal box editing open. 2- when drag 1 html container 1 using jquery ui drag , drop, want onclick not occur , drop container.

how can this? when want click drag control, onclick function called :(

here html control:

<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>

and callpostback javascript function:

function callpostback(eventarguments) { __dopostback('<%=ctl1.uniqueid %>', eventarguments); }

and here functions drag , move:

function setmovableevents() { //alert('drag'); homecoming $(".fc-event").each(function () { homecoming $(this).draggable({ zindex: 999, revert: false, }); }); }

i suggest utilize mouseup instead of click in jquery:

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

javascript jquery asp.net jquery-ui onclick