SimpleModal ajaxによって呼び出されたポストとポストされていないポップアップ

Question

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

Answer 1

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

文書を読み込んだ後、infinte scrollはAjaxリクエストを発行し、ページに新しい投稿（抜粋）を追加します。

あなたがする必要があるのは、今後登録されたクリックイベントにSimpleModal関数を添付することです。だからあなたのようなものがある場合：私はここに仮定してい

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

変更それ

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

へのこれらのスクリプトはjQueryのプラグインです。

は、私はあなたが言っているが、それがポップアップし、無限スクロール停止作業の両方を作ったものを参照してください