单击此按钮应显示一个弹出窗口
测试弹出
但我在页面加载本身的这个问题上看到了这个......如何隐藏它,它应该只显示在弹出窗口中
$(function() {
var popup = false;
$(".open").click(function(){
alert(123);
if(popup === false){
$("#overlayEffect").fadeIn("slow");
$(this).parent().find('.popupContainer').fadeIn("slow");
$(this).parent().find('.close').fadeIn("slow");
center();
popup = true;
}
});
$(".close").click(function(){
hidePopup();
});
$(".overlayEffect").click(function(){
hidePopup();
});
function center(){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(".popupContainer").height();
var popupWidth = $(".popupContainer").width();
$(".popupContainer").css({
"position": "absolute",
"top": 85,
"left": windowWidth/2-popupWidth/2
});
}
function hidePopup(){
if(popup===true){
$(".overlayEffect").fadeOut("slow");
$(".popupContainer").fadeOut("slow");
$(".close").fadeOut("slow");
popup = false;
}
}
} ,jQuery);