在模態窗口中打開WordPress博客

Question

我有下面的代碼，它打開一個Ajax模式內的Wordpress文章，似乎工作正常。

問題是，我也希望帖子導航能夠在模式中工作，但它看起來像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

的click事件不會對動態加載環節的工作，因爲他們的document.ready一刻都沒有了。您需要使用委託事件處理：

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