javascript関数へのパラメータの受け渡しが失敗する

Question

function test() { 
    var id = 123; 
    var id12 = 'abcd'; 
    var childDiv = ""; 
    childDiv += '<div style="width:20px;height:20px" onclick="newsClicked('+id12+')">Click</div>'; 

    $("#mydiv").append(childDiv); 

} 

function newsClicked(param) { 
    alert(param); 
} 

上記はテスト関数です。test（）は、テストdivのonClickイベントの中で呼び出す関数です。私が数値（整数）であるIDを渡すと、それは動作します。 文字列を渡すと参照エラーとなります。私はそれがクロージャーに関連していると思います。それを解決する方法。 ここで実際に何が起こっていますか？

Answer 1

変更：

childDiv += '<div style="width:20px;height:20px" onclick="newsClicked('+id12+')">Click</div>'; 

あなたは、パラメータとしての整数でDIVするchildDiv第一1を追加すると

childDiv += '<div style="width:20px;height:20px" onclick="newsClicked(\''+id12+'\')">Click</div>'; 

に結果は以下のようになります。で、正しい

<div style="width:20px;height:20px" onclick="newsClicked(3)">Click</div> 

文字列の場合、結果は次のようになります。

<div style="width:20px;height:20px" onclick="newsClicked(string_as_arg)">Click</div> 

これはOKではありません。string_as_argは最後にはスコープに含まれていない変数ではありません。そのため、アポストロフィで囲む必要があります。

したがって、整数定数の場合には大きな違いはありませんが、stringは変数ではない文字列として正しく認識されます。 numberはquotesである必要はなく、stringはquotesにしておく必要がありnumberので、あなたが渡しているとき、作業

Answer 2

その。あなたに問題を

newsClicked(\''+id12+'\') 

Answer 3

、それを解決する方法

：そうあなたがescape文字"\"

にのようなものを使用する必要があり、文字列を渡します。

*注：ここで実際に起こっていただきましたあなたは以下のコード

function test() { 
    var id = 123; 
    var id12 = 'abcd'; 
    var childDiv = ""; 
    childDiv += '<div style="width:20px;height:20px" onclick="newsClicked(\''+id12+'\')">Click</div>'; 

    $("#mydiv").append(childDiv); 

} 

function newsClicked(param) { 
    alert(param); 
} 

に\''+id12+'\'のように見ることができますか？

newsClicked機能はDIVは最近、DOM、 に追加されたクリックした後、それはここ

<div onclick="newsClicked(abcd)" style="width: 20px; height: 20px;">Click</div> 

のようにDOMに追加されます発射します、ABCDは変数のように使用しているが、実際には存在しません。

そして

ABCDが

が定義されていないが、あなたは整数であるID変数を置けば、それは

<div onclick="newsClicked(123)" style="width: 20px; height:20px;">Click</div> 

のようにDOMに追加するようにエラーが発生します構文的にはまったく正しい。

私は今、これをクリアすると思います。

乾杯、