モーダルウィンドウでWordPressポストを開く

Question

私は、WordPressのポストをajaxモーダル内で開くようにして、次のようなコードを書いています。

問題は、ポストナビゲーションがモーダル内部で機能するようにすることですが、一度実行するとjqueryコードは廃止されるようです。

実行後もコードを機能させる方法はありますか？モーダル内の投稿内容がonclickコードを無視しているようです。

理にかなっている希望、

(function($) { 
jQuery(document).ready(function($){ 
    //$.ajaxSetup({cache:false}); 
    $(".esg-grid a, .postmodal a").click(function(event){ 
      event.preventDefault(); 
     var post_url = $(this).attr("href"); 
     var post_id = $(this).attr("rel"); 

      //$(".postmodal").load(post_url); 
       $(".postmodal").load(post_url + " #main-content"); 
       $(".postmodal-container").removeClass("hidden"); 
       //window.history.pushState("object or string", "Title", "/new-url"); 
    return false; 
    }); 
}); 
})(jQuery); 

Answer 1

彼らはdocument.readyの瞬間に存在しなかったためclickイベントは、動的にロードされたリンク上では動作しません。委任されたイベント処理を使用する必要があります。

$(document).on("click", ".esg-grid a, .postmodal a", function(event) { 
    // the body of your callback 
});