單擊外部時，JavaScript彈出隱藏，並顯示是否單擊了鏈接

Question

需要幫助..這是我的小提琴 。

它會在第一次加載時顯示一個彈出窗口。

問題是當我單擊彈出窗口時它會隱藏..我該如何防止..也當我單擊鏈接時，它應該再次顯示彈出窗口，而當我單擊彈出窗口之外時它將隱藏。

腳本

  $(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

您沒有將事件傳遞給點擊處理程序，請嘗試更新此事件處理程序，注意將e作為參數傳遞給函數：

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