模態函數不顯示模態

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";
            }
        }
    }