在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。