小编Fel*_*x B的帖子

我有一个页面,当点击页面上的相应链接时,需要打开不同的模态框.我有一个结构和javascript工作在一个窗口,但我不能让它工作多个.我想我需要循环遍历每个模态框...但是不能完全弄清楚语法.

这是针对客户端的WordPress网站,我使用高级自定义字段来填充内容.该页面尚未发布,所以这里是一个显示我的代码的codepen:http://codepen.io/FelixB/pen/EPvEVG

代码:

var modal = document.getElementsByClassName('modal-window');

var btn = document.getElementsByClassName("click-to-open");

var span = document.getElementsByClassName("close")[0];

for (var i = 0; i < btn.length; i++) {
  var thisBtn = btn[i]
  thisBtn.onclick = function() {
    alert("hello");

    //modal.style.display = "block";
  }
}

span.onclick = function() { 
  modal.style.display = "none";
}

window.onclick = function(event) {

}