单击可拖动对象时无法隐藏弹出窗口

Question

所以这是我的小提琴

http://jsfiddle.net/C4CcA/4/

问题是我当我单击 div2 时，我无法隐藏黄色弹出窗口（因为它是可拖动的）。如果我能捕获点击 div2 时触发的事件会好得多。

有解决办法吗？

Answer 1

添加此项

$("#div2").draggable().click(function(ev) {
    if (ev.target === this) {
        $(this).focus();
    }
});

，否则您可以使用 delegate 或 on

Answer 2

一个小解决方案是，

$(function(){
    $("#div2").draggable();

    $("#txtbox").click(function(event){
        event.stopPropagation();
        $("#colorpicker").show();
    });

    $("#txtbox").blur(function(){
        $("#colorpicker").hide();
    });

    $('#div2').click(function() {
       $("#colorpicker").hide();
    });
});

当您单击文本框时，我只是停止向 div2 的传播。否则它将再次隐藏颜色框。

Answer 3

我设法用 mouseDown 事件做到这

$("#div2").mousedown(function() {
    $("#colorpicker").hide();
    $("#txtbox").blur();
});

一点小提琴在这里 - http://jsfiddle.net/C4CcA/19/< /a>