當外部點擊並顯示鏈接被點擊時，Javascript彈出隱藏

Question

需要幫助..這是我的fiddle。

它顯示了一個彈出第一次加載..

的問題是，當我在彈出點擊了它hides..how避免發生這種情況..還當我點擊一個鏈接，應該顯示再次彈出，當我點擊彈出它會隱藏之外..

腳本

$(document).ready(function() { 

     // When site loaded, load the Popupbox First 
     loadPopupBox(); 

     $("#popupBoxClose").click(function() { 
     alert('hello'); 
      unloadPopupBox(); 
     }); 

     $("#popup_box").click(function() { 
        e.stopPropagation(); 
     }); 



     $('#global_wrapper').click(function() { 
      unloadPopupBox(); 
     }); 
     $('.secure').click(function() { 
      loadPopupBox(); 
     }); 

    }); 

     function unloadPopupBox() { // TO Unload the Popupbox 
      $('#popup_box').fadeOut("slow"); 
      $("#container").css({ // this is just for style   
       "opacity": "1" 
      }); 
     }  

     function loadPopupBox() { // To Load the Popupbox 
      $('#popup_box').show(); 
      $("#container").css({ // this is just for style 
       "opacity": "0.3" 
      });   
     } 

Answer 1

你是不是傳遞事件單擊處理程序，嘗試更新此事件處理程序，注意電子作爲參數傳遞給函數：

$("#popup_box").click(function (e) { 
    e.stopPropagation(); 
});