Question

需要帮助..这是我的fiddle。

它显示首次加载时弹出...

问题是，当我点击弹出它隐藏..我怎么防止这个..当我点击一个链接它应该显示再次弹出时，当我点击弹出窗口外它会隐藏..

脚本

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

单击外部时会弹出Javascript弹出窗口并显示是否单击了链接

1 个答案: