ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryが有効にならない問題の解決方法
jquery が有効にならない場合の解決策: まず、対応するコード ファイルを開き、次に正しいメソッド "$('body').on('click', '#test .evt', function( ) {alert($(this).text())});」 on で使用するだけです。
このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 1.10.0. この方法は、すべてのブランドのコンピューターに適しています。
推奨事項: "jquery チュートリアル"
jquery の on() バインディング メソッドが無効です
on の前の要素ページのロード時に dom にも存在する必要があります。動的要素またはスタイルは、on
の 2 番目のパラメーターに配置できます。jQuery の on() メソッドは、イベントをバインドするための公式に推奨されるメソッドです。 on() メソッドを使用して、指定したイベントを、追加など、今後動的に作成される動的要素にバインドします。
<div id="test"> <div class="evt">evt1</div> </div>
間違った使用法です。次のメソッドは、evt の最初のクラス div のクリック イベントのみをバインドしますが、append を使用して動的に作成された div はバインドされません。
<script> // 先绑定事件再添加div $('#test .evt').on('click', function() {alert($(this).text())}); $('#test').append('<div class="evt">evt2</div>'); </script>
正しい使用法は次のとおりです。 :
<script> $('body').on('click', '#test .evt', function() {alert($(this).text())}); $('#test').append('<div class="evt">evt2</div>'); </script>
チェックボックスラジオ選択設定 ef32da46e2c234ae705f71c3bfd6d43d が動的に追加された場合、これを行うことができます
$("#grid").on("click","input[name=ck]",function(){ $("input[name=ck]").not(this).prop("checked",false); });
注: $(selector)。 (イベント、子セレクター、データ、関数、マップ)
以上がjqueryが有効にならない問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。