Onclick Eigenschaft Konflikt mit jqueryui ziehen und ablegen - javascript, jquery, asp.net, jquery-ui, onclick

Ich habe ein HTML-Steuerelement mit zwei Operationen: 1- es hat eine Onclick-Funktion und wenn Onclick auftritt, wird ein asp.net post back ausgelöst und ein modales Feld zum Bearbeiten geöffnet. 2- Wenn ich es mit Hilfe von Jquery von einem HTML-Container in einen anderen ziehe, kann ich Onclick nicht ausführen und nur in einen anderen Container ablegen.

Wie kann ich das machen? Wenn ich mein Steuerelement ziehen möchte, wird die Onclick-Funktion aufgerufen :(

Hier ist mein HTML-Steuerelement:

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

und dies ist meine CallPostBack-Javascript-Funktion:

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

und hier sind meine Funktionen zum Ziehen und Bewegen:

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

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

});
});
}

Antworten:

Ich schlage vor, dass Sie Mouseup statt Klick in Ihrer Jquery verwenden:

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

Endlich kann ich mein Problem mit der Änderung meiner beweglichen Funktion lösen:

  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;
}
});
});
}

Jetzt, wenn Ziehen auftritt, lösche ich Onclick, um das Klicken auf Javascript-Funktion zu verhindern.