jquery - jQuery .ON の問題

Question

私は最近、サイトを 1 つの大きな .JS ファイルと 1 つの大きな .CSS ファイルにまとめました (サイトを構築している間、簡単にするためにすべての JS と CSS を別のページにまとめました)。

CSSはうまく機能していますが、.JSはそうではありません。そして、それはこのいまいましい .ON ステートメントと関係があります。「メイン」div内のページをajaxロードする前に.JSは正常に動作しますが、ロードすると何も取得できません。

現在、私はhtmlをセットアップしています：

<div id="main">
<div id="customerForm" class="Admin">
<div id="tabSection">
<a class="tab selected"></a>
</div>
</div>
</div>

そして、私は.ONステートメントをa.tabで動作させようとしています:

$("#customerForm.Admin").on("click", "a.tab", function () {
alert('hello');
});

しかし、それは私に何の応答も与えていません。何か案は？.ON で何が応答し、何が応答しないかを確実に知る方法はありますか? どうすればわかりますか？:S

score 0 · Accepted Answer

問題は、AJAX 呼び出しの後に、あなたの発言が正しい場合に置き換えられる.onステートメントをバインドしているためです。#customerForm.Adminバインディングを DOM ツリーの上位 (置換ポイントより上) に変更する必要があります。

score 0 · Accepted Answer

試す

$("body").on("click", "a.tab", function () {
alert('hello');
});

また

$("body").delegate("a.tab", "click", function () {
alert('hello');
});

2 に答える 2