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
$(&#39;#test .evt&#39;).on(&#39;click&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>

正しい使用法は次のとおりです。 ：

<script>
$(&#39;body&#39;).on(&#39;click&#39;, &#39;#test .evt&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>

チェックボックスラジオ選択設定 が動的に追加された場合、これを行うことができます

$("#grid").on("click","input[name=ck]",function(){
$("input[name=ck]").not(this).prop("checked",false);
});

注: $(selector)。 (イベント、子セレクター、データ、関数、マップ)

以上がjqueryが有効にならない問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。