Javascript 关闭模式窗口
我正在使用Worpress中的模式窗口调用登录,但登录另一个服务。我正在尝试添加一个按钮,以使模式窗口关闭-它看起来应该工作,但它不是。。。有什么想法吗 以下是我正在使用的js:Javascript 关闭模式窗口,javascript,jquery,modal-window,Javascript,Jquery,Modal Window,我正在使用Worpress中的模式窗口调用登录,但登录另一个服务。我正在尝试添加一个按钮,以使模式窗口关闭-它看起来应该工作,但它不是。。。有什么想法吗 以下是我正在使用的js: <script type="text/javascript"> function overlay() { el = document.getElementById("overlay"); el.style.visibility = (el.style.visibility == "visib
<script type="text/javascript">
function overlay() {
el = document.getElementById("overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
$(function(){// document.ready shorthand
$('.close-btn').click(function() {
$('#overlay,.login-popup').fadeOut('3000',function(){//use 3000 in place of 300m
$('#overlay').remove();
});
return false;
});
});
</script>
不要删除覆盖元素,只需使用visibility:hidden将其隐藏,并将.html设置为null,但前提是您要删除模式窗口中当前的内容
来源:我最近做了一些类似的事情,阅读elements.js源代码,并在网格中漫游以启动模式弹出窗口
这是我用来清除模态的代码
clearModal : function() {
this.modal.innerHTML = null;
this.triggerOverlay();
},
//when called, triggers the visibility of the overlay that disables the page
//modal window
triggerOverlay : function() {
this.overlay.style.visibility = (this.overlay.style.visibility == "visible") ? "hidden" : "visible";
},
请同时粘贴相关html我正在使用的相关html:调用模式窗口的按钮:onclick=overlay这是我正在处理的网站。这是右上角的橙色按钮:[链接]并关闭它:感谢您的快速响应,但我不清楚如何实现它。我应该更改什么$'overlay'。删除;到
#overlay {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
text-align:center;
z-index: 1000;
background-image:url(../background_trans.png);
background-repeat:repeat;
}
#overlay_content {
width:275px;
width:19.64285714rem;
margin: 100px auto;
background-color: #ebf1e3;
border:1px solid #ccc;
padding:25px;
text-align:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height:175%;
}
clearModal : function() {
this.modal.innerHTML = null;
this.triggerOverlay();
},
//when called, triggers the visibility of the overlay that disables the page
//modal window
triggerOverlay : function() {
this.overlay.style.visibility = (this.overlay.style.visibility == "visible") ? "hidden" : "visible";
},