Javascript 隐藏弹出式单击按钮

单击登录后，我们希望隐藏整个弹出框。我尝试了以下代码

脚本

document.observe("dom:loaded", function() {
        var triggers = {
            login: {
                el    : $$('.ajaxlogin-login'),
                event : 'click',
                window: $('ajaxlogin-login-window'),
                size: {
                    maxWidth: 300
                }
            },

---

添加显示：单击按钮时，js弹出窗口的主div上无显示

$(document).('on','click',function(){
 <div id="div1">//your main popup div like this
 document.getElementById('div1').style.display = 'none';
})

$（文档）。（'on'，'click'，函数（）{
//您的主要弹出div如下所示
document.getElementById（'div1'）.style.display='none'；
})

首先为父div添加id属性

<div id="mydiv" class="ajaxlogin-window">

然后像这样将onclick事件添加到按钮

<button class="button"  id="send2" onclick="hide()" >
Login
</button>

登录

---

这应该可以工作

请显示您的

javascript

，只需使用jQuery并触发一个切换display:none的“隐藏”类，或者甚至使用它完全删除该框。我建议您转到Vue.js，在那里您可以将布尔值链接到框的显示值，这样您只需将该值切换为开或关，Vue就可以为您处理所有事情。@caramba感谢您的链接，我可以借助

onclick

…这是有效的JavaScript吗，

onclick=“window.ajaxlogin-login-window（）”

？那不应该是

onclick=“window.ajaxlogin\u login\u window（）”

？我完全按照你说的做了，然后在我点击

login

之后，它隐藏了

login

按钮，但我需要隐藏完整的弹出窗口。你能给我一个链接或你的作品吗@User5348FH8Y5未打开的链接存在问题，您确定此网站不需要注册吗@用户5348FH8Y5请尝试更改函数名，例如

hideWindow（）

谢谢，它工作正常，但如果我单击登录按钮，它不允许我单击

add to cart

buttton，但是如果我使用

close

buttton，那么我就无法将产品添加到购物车，是否有任何

z index

问题？感谢并抱歉延迟回复，我在中跟踪了您的答案，在我单击

login

后，它隐藏了登录按钮，但我需要在链接中隐藏完整的弹出窗口，租用上载图像/添加文本，然后单击save design button，您可以看到弹出窗口。

<div id="mydiv" class="ajaxlogin-window">

function hide() {
    document.getElementById('mydiv').style.display = 'none';
}

<button class="button"  id="send2" onclick="hide()" >
Login
</button>