在Javascript中開發獨特的動態onclick事件有困難

Question

我正在處理一組相當大的數據集，這些數據與頁面上的對象相關，一些對象需要鏈接應用於它們onclick。連接到的鏈接是數據集的一部分，我爲變量linkTarget建立鏈接的字符串，並像這樣應用它。

if (dataTag[i][3]==true){ 

    if(prepend==undefined || prepend=="undefined"){       
     var linkTarget=ResultsJSON["targetUrl"]; 
     ele.onclick = function(){ 
      window.open(linkTarget); 
     }; 
    } else { 
     var linkTarget=prepend+ResultsJSON["targetUrl"]; 
     ele.onclick = function(){ 
      window.open(linkTarget); 
     }; 
    } 

ele指的是用getElementByID拾取的元素。現在我遇到了很多對象，我遇到的問題是每個對象的onclick都是linkTarget的最後一個值。這全部包含在一個函數中，鏈接目標是一個局部變量，所以我不知道爲什麼。我一直在使用的東西數組一樣

ele.onclick=function(){window.open(linkTarget[linkTarget.length-1]);}; 

甚至

ele.onclick=function(){window.open(linkTarget.valueOf());}; 

具有相同的結果嘗試。我現在處於虧損狀態，希望得到任何幫助。

Answer 1

你是在一個循環中—因此，你需要把你的另一功能的東西將要執行的，就像這樣：

if(dataTag[i][3]) { 
    if(prepend) { 
     (function(linkTarget) { 
      ele.onclick = function() { 
       window.open(linkTarget); 
      }; 
     })(ResultsJSON.targetUrl); 
    } else { 
     (function(linkTarget) { 
      ele.onclick = function() { 
       window.open(linkTarget); 
      }; 
     })(ResultsJSON.targetUrl); 
    } 

我也做了一些一般的修正。

Answer 2

使用Array.forEach()來迭代您的數據並觀察您的問題融化。

dataTag.forEach(function (item) { 
    if (item[3]==true) { 
     var linkTarget = ""; 
     if (prepend==undefined || prepend=="undefined") { 
      linkTarget = prepend; 
     } 
     linkTarget += ResultsJSON.targetUrl; 
     ele.onclick = function() { 
      window.open(linkTarget); 
     }; 
    } 
}); 

在舊的瀏覽器使用Array.forEach()看到這個compatibility note。