Question

链接适用于此示例，但onClick不执行任何操作。当我在alert（）中显示productURL [i]时，它显示正确的URL。有什么建议吗？

var output='<table class="api-table">';
output+='<thead><tr><th colspan="2">' + productSubstrateName + '</th></tr></thead>';
for (var i=0;i<productURL.length;i++) {
output+='<tr>';
output+='<td style=\"cursor:pointer;\" onClick=\"'+productURL[i]+'\"><a href="'+productURL[i]+'">'+productSubstrateAmounts[i]+'</a></td>';
    output+='<td style=\"cursor:pointer;\" onClick=\"'+productURL[i]+'\"><a href="'+productURL[i]+'">'+productSubstratePrices[i]+'</a></td>';
    output+='</tr>';
}

 output+="</table>";

 $('#'+outputdiv).append(output);

Answer 1

但onClick什么也没做。

它没有任何作用，因为你在那里什么也没做。你只是打印价值..

  onClick=\"'+productURL[i]+'\"
        //--^^^^^^^^^^^----

如果你需要做某事，那么你可以在那里调用一个函数

  onClick="myFunction("'+productURL[i]+'")"

和你的功能

 function myFunction(obj){
    alert(obj);
 }

您不必在那里使用\

Answer 2

初学者错了，谢谢bipen，我忘记了document.location.href。： - （

        for (var i=0;i<productURL.length;i++) {
            output+='<tr>';
            output+='<td style="cursor:pointer;" onClick="document.location.href=\''+productURL[i]+'\';"><a href="'+productURL[i]+'">'+productSubstrateAmounts[i]+'</a></td>';
            output+='<td style="cursor:pointer;" onClick="document.location.href=\''+productURL[i]+'\';"><a href="'+productURL[i]+'">'+productSubstratePrices[i]+'</a></td>';
            output+='</tr>';
        }

表格行中的onClick在JavaScript / jQuery中不起作用

2 个答案: