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
});

在模态窗口中打开WordPress帖子

1 个答案: