jquery-ui – 带有嵌入式div的jQuery draggable div,它有一个单击处理程序.如何阻止点击处理程序触发

$(".foo").click(function(){
    alert("blah");
});
$(".bar").draggable({
    stop: function(event) { setTimeout(function() {
        $(".foo").click(function(){
            alert("blah");
        }); },100)},start: function(event) { $('.foo').unbind('click'); }                
});

现在仍然存在一个问题,即您的点击事件可能比这更复杂,您可能不希望重写它们.您可以使用如下的jquery数据保存事件以供日后使用：

var events = $(‘#test’).data(“events”);

或者,您可以使用jquery live函数来附加click事件,以便事件只会被绑定到与该选择器匹配的元素.这意味着如果您在拖动时更改类,以便它不再匹配该选择器,它将不再具有该click事件.像这样的东西可能会起作用：

$(".bar .foo").live('click',function(){
    alert("blah");
});
$(".bar").draggable({
    stop: function(event) { setTimeout(function() {
    $(".draggableBar").removeClass('draggableBar').addClass('bar');
    },start: function(event) { $(this).removeClass('bar').addClass('draggableBar'); }                
});

您还必须更新css,以便draggablebar获得与bar相同的样式.