一旦我们点击 login
,我们想要隐藏整个弹出框。我试过如下代码。
<div class="ajaxlogin-window">
<div id="ajaxlogin-login-window">
<!-- other code -->
<button class="button" id="send2" id="close" onclick="window.ajaxlogin-login-window()" >
Login
</button>
我也试过 onclick="parentNode.remove()"
但它只隐藏弹出窗口的下半部分。尝试了很多其他的东西。所以尝试使用与 close
按钮相同的代码,如下所示。但对我没有任何帮助。
关闭按钮:
<a href="javascript:void(0)" class="close">Login button</a>
脚本
document.observe("dom:loaded", function() {
var triggers = {
login: {
el : $$('.ajaxlogin-login'),
event : 'click',
window: $('ajaxlogin-login-window'),
size: {
maxWidth: 300
}
},
最佳答案
先给父div添加id属性
<div id="mydiv" class="ajaxlogin-window">
现在使用这个脚本
function hide() {
document.getElementById('mydiv').style.display = 'none';
}
然后像这样给你的按钮添加onclick事件
<button class="button" id="send2" onclick="hide()" >
Login
</button>
这应该可行
关于javascript - 隐藏弹出onclick按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43626627/