ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryバインディングイベントがeffect_jqueryを取得しない問題の解決策

jqueryバインディングイベントがeffect_jqueryを取得しない問題の解決策

WBOY
WBOYオリジナル
2016-05-16 17:00:351848ブラウズ

今日、フロントページを開発していたときに、jquery のバウンド クリック イベントが有効になっていないことに気付きました。コードは次のとおりです。
1.html:
2.html によって参照される te​​st.js のメソッド関数:

コードをコピー コードは次のとおりです:

$("#ceshisub").bind ("click", function(){
var a=1;
a =1;
alert("ceshisub");
});問題は、「クリックイベント」ボタンを解決しようとしてもページが応答しないことです。js デバッグウィンドウを開いたときに、行 var a=1; のブレークポイントが表示されません。
解決策は次のとおりです:
1. 上記の js 関数に読み込みイベントを追加します。
追加されたコードは次のとおりです:



コードをコピーします コードは次のとおりです: $(function(){
$("#ceshisub").bind("click",function(){
var a=1;
a =1;


バインディング イベントが有効になります。
jsの読み込み関数は上記の他に3つあります



コードをコピー

コードは以下の通りです: $(function(){ alert("方法 1."); });
以下の 2 つの方法もあります:



コードをコピー

コードは次のとおりです。 window.onload=function(){ alert("メソッド 2 ."); }
$(document).ready(){
alert("メソッド 3.");


2 番目に、バインディング イベントの初期化に js 読み込み関数を使用しない場合は、別の方法があります:
js のステートメントを参照

をページの最後に配置して読み込みます。

概要:
jquery が要素 A にイベントをバインドするとき、最初にドキュメント内の要素 A を検索します。要素 A が見つからない場合、バインドは失敗します。
上記の最初の解決策は、ページが初期化された後に js を初期化するときにバインドすることです
2 番目の方法は、バインド前にすべてのページ要素が初期化されていることを確認することです。この時点で、すべての要素は初期化されており、確実に初期化できます。縛られた。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。