「未捕獲的SyntaxError：意外的標記}」嘗試訪問功能時

Question

我有填充多個按鈕的功能，每一個都有自己的onclick功能：

$("#event_list").append(
      "<button type='button' onClick='showInfo("+i+",'"+name+"')'> Event:<br>"+events_arr[i][2]+"<br> Organizer:<br>"+events_arr[i][1]+"</button>" 
     ); 

功能showInfo在文件中其他位置定義（我是一個數字，名稱是一個字符串）

function showInfo(i, name) 
{ 
    console.log("showInfo works"); 
    //makeTable12(i, name); 
    //makeTable24(i); 
} 

每當我點擊這些按鈕，鍍鉻拋出一個Uncaught SyntaxError: Unexpected token } 我想不通爲什麼它做到這一點。任何和所有的幫助表示讚賞！

Answer 1

既然你包裹onclick內容用單引號'你應該換用雙引號函數的參數（但請注意，您應該逃避他們）：

onClick='showInfo("+i+",\""+name+"\")' 

檢查下面的代碼片段：

i = 0; 
 
name = 'test'; 
 
events_arr = [['', '', '']]; 
 
$("#event_list").append(
 
    "<button type='button' onClick='showInfo("+i+",\""+name+"\")'> Event:<br>"+events_arr[i][2]+"<br> Organizer:<br>"+events_arr[i][1]+"</button>" 
 
); 
 

 
function showInfo(i, name) 
 
{ 
 
    console.log("showInfo works"); 
 
    //makeTable12(i, name); 
 
    //makeTable24(i); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="event_list"></div>