2013-04-11 46 views
0

鏈接在此示例中起作用,但onClick不起作用。當我在alert()中顯示productURL [i]時,它顯示正確的URL。有什麼建議麼?onClick表格行在JavaScript/jQuery中不起作用

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); 
+0

使用檢查瀏覽器的元素本 – 2013-04-11 10:44:59

+0

你能指望什麼'onClick'做,因爲你也有一個鏈接包裹的內容? – Archer 2013-04-11 10:47:56

回答

3

但onClick什麼都不做。

它什麼都不做監守你做了什麼都沒有..你剛剛打印值..

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

,如果你需要做的事情,那麼你可以調用一個函數有

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

和你的函數

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

和你做不用\那裏

+0

他已經在細胞內錨標籤。 – Archer 2013-04-11 10:48:37

+0

這也不起作用,奇怪的是anchor ref確實起作用,我也在那裏打印了值,當點擊鏈接時它會進入數組元素的鏈接,這是td onclick什麼也不做。錨點標籤僅用於測試目的,僅用於驗證實際鏈接是否有效。 – 2013-04-11 10:51:50

+0

嘗試此功能myFunction(obj){ alert(obj); window.location = obj; } – bipen 2013-04-11 11:05:18

0

初學者錯,謝謝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>'; 
     }