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

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

藏色散人
藏色散人オリジナル
2021-11-12 11:23:132183ブラウズ

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 回目にイベントをトリガーすると役に立ちません。

例:

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

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

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

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

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。