onclickイベントがjQuery関数を実行しない

Question

jsファイル（およびjqueryライブラリファイル）に正しくリンクされたhtmlファイルがあります。 JSファイル内

<input type="button" onclick="practice();" id="intro_next_button" value="Practice"/> 

：それはそれの内部にあるとき

$(window).load(function(){ 
    function practice(){ 
     alert("WORKS"); 
    } 
});  

これは、関数の練習が$(window).load(function()の外にある場合は動作しますが、ありません。これには多くの同様の質問がありますが、具体的にはonclick eventについてのみ、jquery $(window).load(function()の内部では動作しないものは見つかりませんでした。

Answer 1

ファンクションブロック内で定義されたもの（つまり、キーワードfunctionまたはvar）がそのブロックをそのスコープとして適用するため、これは機能しません。したがって、ブロック内に変数xを作成すると、そこには値がありません。

var x = 2; 
function test() { var x = 5; } 
console.log(x); 

プリント

これら2もスタイルが競合しています。通常、window.onloadまたは "改善された" jQuery $（document）.readyを使用すると、関数の本体にイベントがバインドされます。

$("#intro_next_button").click(function() { alert("WORKS"); }); 

Answer 2

あなたがやっていることは、関数内でload（）に渡された関数をパラメータとして定義することです。

onclickはウィンドウスコープ内でpractice（）を探しています。

なぜページを読み込むときに関数を定義したいのですか？ユーザーがクリックできるように読み込まれるまで待つ？あなたの機能はあなただけはloadで定義されたanonimous関数内で表示されている。この場合、

$(window).load(function(){ 
    window.practice = function(){ 
    alert("WORKS"); 
    } 
}); 

Answer 3

： もしそうなら、これを試してみてください。あなたは（ともonclick属性を削除）load内jqueryのclickを使用してボタンにonclickイベントを添付する必要があります。機能はオンロードのブロック範囲内にあり、グローバルではありません

$('#buttonid').click(function(){practice();});