ajax - ajaxによって呼び出された投稿で機能しない投稿のSimpleModalポップアップ

Question

無限スクロールを使用してページ付けする投稿のループがあります。SimpleModalを使用して、各投稿の完全な投稿ポップアップを呼び出しますが、最初に読み込まれる投稿でのみ機能します。無限スクロールによって呼び出された投稿は、クリックして実際の投稿ページに移動します。なぜそれが起こっているのですか？

Answer 1

これは、SimpleModal関数が、ドキュメントの読み込み時にページに存在するすべての投稿に適用されるためです。

無限スクロールは、ドキュメントがロードされた後、ajaxリクエストを起動し、ページに新しい投稿（抜粋）を追加します。

将来登録されるクリックイベントにもSimpleModal関数をアタッチする必要があります。したがって、次のようなものがある場合：

$('.post').click(function(){
  // show modal
});

に変更します

$('.post').on('click', function(){
  // show modal      
});

ここでは、これらのスクリプトはjQueryプラグインであると想定しています。

見る$.on()