隱藏彈出的onclick按鈕

Question

單擊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
                }
            },

Answer 1

首先為父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>

這應該工作

Answer 2

當您單擊按鈕時，在js彈出窗口的主div上添加display：none。

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