Question

我在电子书项目中写了一些js代码。问题出现在一个模态中，用于显示（如弹出窗口）来自其他页面的引用。这是我的项目致力于关闭模态的部分。

    // Riferimento al Modal
var modal = document.getElementById('modalversetti');
// Riferimento allo <span> che chiude il Modal
var span = document.getElementsByClassName("close")[0];
// Quando l'utente preme sullo <span> (x), si chiude il Modal
span.onclick = function() {
modal.style.display = "none";
}

这里（更好）显示模态运行但无法关闭的所有代码（js + html + css）。 https://jsfiddle.net/emanuele_tinari/gkL5sh3x/ 通过js构建的模态运行得非常好，但不幸的是，关闭按钮似乎没有。感谢。

Answer 1

您的代码尝试查找close范围，以便在页面加载时立即附加侦听器。你还没有在这一点上创建模态，所以它失败了。

如果您在问题中剪切了大量代码并立即将其粘贴到创建模态的函数的末尾，则关闭按钮将起作用。

Answer 2

这将完成工作：

  document.onclick = function(event) {
    var el = event.target;
    if (el.className == "close") {
    // Riferimento al Modal
    var modal = document.getElementById('modalversetti');

        modal.style.display = "none";
    }
};

但您的代码存在更多问题......

无法在Javascript中关闭模式

2 个答案: