Question

我正在编写一个函数，我可以重复显示/隐藏模态和我的网站但它似乎没有用。当我在一个功能之外使用相同的代码并使用直接的id和类名而不是变量时，只有在我传递它时才能正常工作它看起来不起作用？

<input id="lrBtn" type="button" value="Login/Register" onclick="ShowModal('PopUpLR','closeLR');" />




function ShowModal(var popup,var closeBtn){
        var modal = document.getElementById(popup);
        var span = document.getElementsByClassName(closeBtn)[0];
        modal.style.display = "block";
        span.onclick = function() {
            modal.style.display = "none";
        }
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    }

Answer 1

您定义ShowModal函数的方式是错误的您需要像这样编写

function ShowModal(popup,closeBtn){
 // your code
}

而不是

function ShowModal(var popup,var closeBtn)
{
// your code
}

完整代码：

function ShowModal(popup,closeBtn){
        var modal = document.getElementById(popup);
        var span = document.getElementsByClassName(closeBtn)[0];
        modal.style.display = "block";
        span.onclick = function() {
            modal.style.display = "none";
        }
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    }

模态函数没有显示模态

1 个答案: