Onclick属性与jqueryui拖放冲突

Question

我有一个带有两个操作的html控件：1-它具有Onclick函数，当Onclick发生时，asp.net发回触发器和一个用于编辑打开的模式框。 2-当我使用jquery ui拖放将其从一个html容器拖放到另一个html容器时，我希望onclick不会发生，而仅拖放到另一个容器。

我怎样才能做到这一点？ 当我想单击以拖动控件时，称为:(的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 Javascript函数：

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

我建议您使用mouseup而不是在jquery中单击：

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

Answer 2

最后，我可以通过更改我的可移动功能解决我的问题：

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

现在，当发生拖动时，我清除了Onclick以防止单击onclick javascript函数。