當任何鏈接被點擊時Javascript關閉模態窗口

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]; 

一個函數被調用，然後顯示模式爲「無」：

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

這裏是一個Jfiddle example...

因爲我傳遞這隻會關閉第三鏈接[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