がポップアップを隠すことはできません

Question

だからここでの問題は、私はそれがドラッグ可能であるので、私は（DIV2をクリックすると、黄色のポップアップを非表示にすることはできませんよということで、私のバイオリン

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

です）。 div2をクリックしたときにトリガされたイベントを捕まえることができれば、はるかに良いでしょう。

いずれか回避しますか？

Answer 1

は、そうでない場合は、あなたがテキストボックスをクリックしたとき、私はちょうどDIV2に伝播を停止しています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").draggable().click(function(ev) { 
    if (ev.target === this) { 
     $(this).focus(); 
    } 
}); 

を追加します。それ以外の場合は、再度カラーボックスを非表示にします。

Answer 3

私はフィドルはこちらmouseDownイベント

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

でそれを行うために管理 - http://jsfiddle.net/C4CcA/19/