jQuery追加onclick

Question

我追加html代码使用jquery append函数。如果在onclick我使用带有一个参数的函数 - 没问题，但是如果我使用具有多个参数的函数，则在控制台中出现错误：SyntaxError: missing) after argument list。我的代码：

var quote = quotes[i]; 
$('#quu').append('<div onclick="addBook('+quote.userId+', '+quote.book+')">'+quote.book+'</div>') 

功能addBook：

function addBook(user_id, name) { 
    alert(name); 
    alert(user_id); 
} 

我做错了吗？

Answer 1

您需要报价添加至名quote.book因为它应作为一个字符串参数传递给函数addBook

$('#quu').append('<div onclick="addBook('+quote.userId+', \''+quote.book+'\')">'+quote.book+'</div>') 

var quote = {userId : 1, book: "The GodFather"}; 
 

 
$(document).ready(function(){ 
 
    
 
    $('#quu').append('<div onclick="addBook('+quote.userId+', \''+quote.book+'\')">'+quote.book+'</div>'); 
 

 
}); 
 

 
function addBook(user_id, name) { 
 
    console.log(name); 
 
    console.log(user_id); 
 
}

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