ホームページ >バックエンド開発 >PHPチュートリアル >javascript - jsのajaxリクエストデータ後のクリックイベント失敗の問題

javascript - jsのajaxリクエストデータ後のクリックイベント失敗の問題

WBOY
WBOYオリジナル
2016-07-06 13:52:401469ブラウズ

クリックして展開する効果のあるデータリストがあります。このデータリストはajax加载,就是ajax加载之后的click时间不起作用了,希望各位大神帮忙看看。
这是html

のデータ構造とページレイアウトを使用しているため、 リーリー

js中的展开click事件和ajaxリクエストは以下の通りです

リーリー

php中的div設定とデータ設定

リーリー

のスタイルをすべて追加しました!しかし、それはうまくいきません。 phpdiv

返信内容:

クリックして展開する効果のあるデータリストがあります。このデータリストは

ajax加载,就是ajax加载之后的click时间不起作用了,希望各位大神帮忙看看。
这是htmlのデータ構造とページレイアウトを使用しているため、 リーリー

リクエストは以下の通りですjs中的展开click事件和ajax リーリー

設定とデータ設定php中的div リーリー

のスタイルをすべて追加しました!しかし、それはうまくいきません。

phpdiv

お誘いありがとうございます。以前にも同様の問題に遭遇したことがありますが、読み込んだデータによって元の効果が無効になってしまいました。私の対処法はこうです

リーリー

オンラインで検索したところ、この ajax() はほぼ同じように動作し、対応するトリガー イベントを将来の要素にバインドできることがわかりましたが、この 2 つはまだ違いがあります。両方試してみることもできますので、お役に立てれば幸いです

live()其实和bind()jquery1.9以降にはライブメソッドはありません

jQuery 1.9 より前のバージョンでは、次のように記述できます:

リーリー

live は jQuery 1.9 以降削除されたため、次のように記述する必要があります:

リーリー

あなたのすべての

であるかどうか、大まかに調べてみました リーリー

以上です。イベント委任により、子要素のイベントが親要素にバインドされ、子要素がクリックされると、イベントが親要素にバブルアップされ、親要素がイベントをキャッチしてトリガーします。 list-data-detail都是通过Ajax动态加载出来的,那么你开始直接写的click事件是无法起作用的,以为你的事件绑定的时候这个DOM并不存在。
这时候,你需要使用事件委托,在jQuery

動的にロードされた要素をクリックするには、次の操作を実行できます

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