取消鎖定文檔中的div點擊

Question

我有一個div可以在懸停時切換並在點擊時被鎖定。我試圖添加一個函數，當用戶點擊頁面的其餘部分時，不需要div。

我嘗試使用這樣的：

$(document).on('click', function(e) { 
    if(e.target.id != 'dialog-box'){ 
     $(".dialog-box").hide(); 
    } 
}); 

但是它隱藏在div即使當點擊激活股利。

這裏是jQuery的我用的銷釘：

$(document).ready(function(){ 
    $(".two").hover(function() { 
     if (!$(this).data('pinned')) $(".dialog-box").toggle("slow"); 
    }); 
$(".two").click(function() { 
    $(this).data('pinned', !$(this).data('pinned')); 
    }); 
}); 

這是與我有什麼工作不包括上述第一個腳本小提琴：

http://jsfiddle.net/XXd5t/1/

Answer 1

只要停止事件冒泡，當你點擊div時，這樣你就知道點擊事件是否到達文檔，而不是點擊div。

http://api.jquery.com/event.stopPropagation/

$(document).on('click', function(e) { 
    $(".dialog-box").hide(); 
}); 

$(".two").click(function(e) { 
    e.stopPropagation(); 
    $(this).data('pinned', !$(this).data('pinned')); 
});