在wordpress中使用ajax加载整个页面

Question

我在使用 ajax 的 wordpress 中加载页面时遇到问题。我必须制作动画页面转换，所以我决定使用 ajax 并将页面内容放入我将动画显示的 div 中。我创建了这个逻辑，它在 50% 的时间里都有效。通常会有很多奇怪的错误。

所以我的问题是有人在 wordpress 中创建了 ajax 页面加载器吗？我读了一些关于将 ajax 与 wordpress 一起使用的内容，并且我必须使用 wordpress 内置功能，但我不明白为什么会这样。另外我不知道如何让后退按钮正常工作。

$( links ).click(function(e) {

    var link = $(this).get(0).href;
    $('body').append('<div class="contain-all"></div>');

    $('.contain-all').load(link);

    if(link!=window.location){
      window.history.pushState({path: link},'',link);
    }

    e.preventDefault();
});

希望有人有我需要的答案。 :)

Answer 1

好的，我在 wordpress 和加载页面中阅读了一些关于 ajax 的信息，您可以通过创建模板部分来实现这一点，您将通过 wordpress functions.php 中的函数获取这些模板部分，方法是使用 ajax 调用它。这听起来很复杂，（部分是这样），但您可以在此处阅读更多相关信息：

https://premium.wpmudev.org/blog/load-posts-ajax/

此外，如果有人有任何问题，他们可以在这里提问，这样每个人都可以访问它们。