jQuery的時候股利外點擊關閉DIV

Question

什麼其實我得到的是在給定的：http://jsfiddle.net/y9uwY/7/

我想要什麼：

1. 如果在黑色區域用戶點擊即可沒什麼應該發生
2. 點擊外黑色區域必須被關閉

Answer 1

你必須停止事件冒泡身體。以下是更正代碼http://jsfiddle.net/y9uwY/8/

參考，進一步閱讀：What is event bubbling and capturing?

Answer 2

試試這個小提琴，你body標籤將永遠只能是主.select_roles的Elemen的大小t，因此將寬度和高度設置爲100％會爲您提供一個可點擊的隱藏區域（這可以在msot瀏覽器中使用，以便稍微多一點，也值得添加一些填充）。這只是簡單地將.select_roles設置爲display:none;，但是從.active的類開始，使其成爲display:block;一旦您單擊該區域外部，我們將刪除.active類。

小提琴：http://jsfiddle.net/y9uwY/3/

Answer 3

嘗試小提琴現在 http://jsfiddle.net/y9uwY/9/

$('.select_roles').click(function (e){ 
    e.stopPropagation(); 
       if($(this).hasClass('active')){ 
       } 
       }); 

      $('body').click(function(){ 
       if($('.select_roles').hasClass('active')){ 
        $('.select_roles').removeClass('active'); 
       } 
      });