无法隐藏弹出

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。否则，它会再次隐藏colorbox。

Answer 3

我设法用鼠标按下事件

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

做的小提琴是在这里 - http://jsfiddle.net/C4CcA/19/