html 页面的第一个跨度 (onclick) 不工作

Question

我有一个带卡片的 Html 页面这是我的翡翠代码：

          div(id="myModal" + i class="modal")
            div(class="modal-content")
              span(class="close" onclick="closeMoviePopup(#{i})") &times;
              h2= movie.name
              a(href="sodaplayer:?url=" + movie.magnet_link + "&title=" + movie.name onclick="(function(){ document.getElementById('myModal#{i}').style.display = 'none'; })();return true;") Stream

js:

function closeMoviePopup(index) {
    document.getElementById('myModal' + index).style.display = 'none';
}

出于某种原因，除了第一张外，每张卡都有效我不明白为什么会这样。这不是 i 变量或函数的问题我不明白它是什么

Answer 1

因为在您 index.js 中，您正在捕获第一个跨度 var span = document.getElementsByClassName("close")[0]; 并执行不同的功能。使固定那它应该工作。

html 页面的第一个跨度 (onclick) 不工作

First span (onclick) of html page not working

html

pug

simplemodal