値をHTMLから関数に渡す

Question

htmlから関数に値を渡そうとしていますが、エラーが発生したときに参照エラーが発生します。変数 "var value"が見つかりません。下のコードでは、空白を削除してアンダースコアに置き換えて、それをonToDateという関数に渡そうとしています。

var theFunction2 = theFunction.replace(/ /g,"_"); 

$('#inserted').append('<div id="'+theFunction2+'"><li onclick="onToDate('+theFunction2+')"><img width="30px" height="25px" src="style/soccer.png"><div id="popupContactClose2">'+counted+'</div></img>'+ rs.rows.item(0)['playing']+'</li>'); 

onToDateは、それに渡された値を警告するだけであり：

function onToDate(hello){   

alert(''+hello+''); 
console.log(''+hello+''); 
} 

私はエラーを取得する場所です。私は実際に何が起こったのか、私はこれを以前に使っています。うまくいきました。

すべてのヘルプは素晴らしいことだ、

おかげ

Answer 1

onclick="onToDate('+theFunction2+'); 

のようなものになりつつある。そのような場合には、some_thingを意味し、undefinedある変数である

onToDate(some_thing); 

これは参照エラーです。

ので、

onclick="onToDate(\"'+theFunction2+'\"); 

はすべて@IAbstractDownvoteFactorの

Answer 2

まずそれを修正する必要が権利です。 onclickを確定する必要があります。

このコードが$(document).ready()ブロックで実行されている場合、onToDate関数はそのスコープからアクセスできません。グローバルスコープからのclickイベントコールこのように定義する必要があります。

window.onToDate = function(hello){ 
    alert(hello); 
} 

そして、それらの単一引用符は必要ありません...