Javascript在单击外部时弹出隐藏，并显示是否单击了链接

Javascript pop up hide when click outside and show if links are clicked

本文关键字：单击 显示 是否 链接 外部 Javascript 隐藏      更新时间：2023-09-26

需要帮助......这是我的小提琴。

它在第一次加载时显示一个弹出窗口。

问题是当我单击弹出窗口时，它会隐藏。.我该如何防止这种情况..此外，当我单击链接时，它应该再次显示弹出窗口，当我单击弹出窗口外部时，它会隐藏。.

脚本

  $(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"  
            });         
        }

您没有将事件传递给单击处理程序，请尝试更新此事件处理程序，请注意 e 作为参数传递给函数：

$("#popup_box").click( function (e) {
    e.stopPropagation();
});
相关文章：