Question

我有3个超链接出现在模态框中。当我点击其中一个链接时，模态框将关闭。

链接示例：

    <a href="javascript:void(0)" class="cat">Link 1</a>
    <a href="javascript:void(0)" class="cat">Link 2</a>
    <a href="javascript:void(0)" class="cat">Link 3</a>

如果我指定了链接的索引，我已经成功地关闭了模态。

var links = document.getElementsByClassName("cat")[2];

调用一个函数，然后将模态显示为“none”：

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

这是Jfiddle example...

这只会关闭第3个链接，因为我正在传递[2]，但我希望能够在点击任何链接时关闭模式。

任何帮助表示感谢。

干杯

Answer 1

您只是将onclick侦听器分配给第3个链接。您只需使用for循环将onclick侦听器分配给每个链接。

更改

var links = document.getElementsByClassName("cat")[2];

到

 var links = document.getElementsByClassName("cat");

用于循环

for(i=0; i<links.length;i++){
  links[i].onclick = function() {
    modal.style.display = "none";
  }
}

更新了JSFiddle

单击任何链接时，Javascript关闭模态窗口

1 个答案: