未捕獲的SyntaxError：意外的令牌}

Question

我有一塊jQuery代碼，它將輸入按鈕附加到正文，然後爲其分配一個onclick函數。要調用的函數已經在其他地方定義過，並且有兩個參數，它們是之前定義的變量。

這是我目前使用的代碼：說

$("body").append("<input type='submit' value='foo' onclick='foo(\'" + argument1 + "\',\'" + argument2 + "\'/>"); 

然而，當我嘗試點擊該按鈕時，我得到一個錯誤（在Chrome）：未捕獲的SyntaxError：意外的標記}。

任何人都可以幫助我嗎？

Answer 1

您應該指定使用jQuery單擊處理：

var input = $('<input type="submit" value="foo" />') 
    .click(function() { foo(argument1, argument2); }) 
    .appendTo(document.body); 

注意，這將通過參考捕捉參數變量。

Answer 2

您還沒有關閉，把foo（）函數在onclick

Answer 3

假設argument1 == '1'和argument2 == '2'，你.append會給

<input type='submit' value='foo' onclick='foo('1','1'/> 

這顯然是不合法的HTML。要修復它，你應該使用

.append("<input ... onclick='foo(\"" + argument1 + "\",\"" + argument2 + "\")'/>") 

但這不是正確的方式來使用jQuery。有關更好的代碼，請參見@SLaks's answer。