ホームページ  >  記事  >  ウェブフロントエンド  >  ajax がデータを更新した後、jquery と jq failed_jquery

ajax がデータを更新した後、jquery と jq failed_jquery

WBOY
WBOYオリジナル
2016-05-16 18:09:20890ブラウズ

クリック イベントを要素にバインドしますが、一部の ajax リクエストを実行するとクリック イベントが無効になるという問題が発生しました

たとえば、ページングは​​ ajax リクエストですが、クリックすると生成されます次のページでは、要素 a

にはクリック イベントがありません。実際、その理由は非常に単純です。

この時点でのコンテンツの読み込みは、$(document).ready() の後に行われます。関数をバインドするときに、見つかった要素セットには ajax によってロードされたコンテンツが含まれていないため、元のものには問題がなく、後でロードされたものはバインドされません

解決策は 2 つあります:

1. ajax リクエストで成功後に再バインドします
2. ライブ メソッドを使用します

コードをコピーしますコードは次のとおりです。