ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryバインド失敗の問題を解決する方法

jqueryバインド失敗の問題を解決する方法

藏色散人
リリース: 2021-11-12 11:23:13
オリジナル
2169 人が閲覧しました

jquery バインド失敗の解決策: 1. HTML サンプル ファイルを作成します; 2. "$(".sentnum-box").delegate(".a-add-ordergoods","click", 関数を使用します) (){...});」という方法で解決できます。

jqueryバインド失敗の問題を解決する方法

この記事の動作環境: Windows7 システム、jquery バージョン 3.2.1、DELL G3 コンピューター

問題の解決方法jqueryバインド失敗の問題?

jQuery はバインド動的バインディング イベント無効処理メソッドを使用します

現在ページを開発中です。ページの特殊効果を実行する場合、動的に読み込まれるボタンにイベントを割り当てる必要があります

そこで、何も考えずに $(obj).bind(); を使ってイベントをバインドしました。

しかし問題があります:

bind は確かにイベントをバインドできますが、それは固定 HTML タグと比較されます

ページ コンテンツが動的に読み込まれるとき、バグがあります。バインド イベント内でバインドできるのは 1 回のみで、2 回目にイベントをトリガーすると役に立ちません。

例:

< にクリックを割り当てます。 a> タグ、コンテンツを含む タグはバックグラウンド データから読み取られ、動的にロードされます。バインドを使用してクリック イベントをバインドすると、最初のクリックは正常にトリガーできます。

しかし 2 回目のクリックでは、クリック イベントは無効になります。

その後の研究で、jQuery にはまだメソッドがあることがわかりました。バインド イベント: delegate();

使用法は次のとおりです:

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});
ログイン後にコピー

この方法で、イベントを動的データにバインドし、有効期限が切れなくなります

推奨調査: "jquery ビデオ チュートリアル "

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート