jquery不会刷新转换页面

Question

我正在编写一个简单的页面转换，AJAX正在提取正确的URL，但必须手动刷新页面才能加载正确的背景图像。

我认为这是jquery的一个问题，因为我的图片和页面网址正确加载，但只需要在DOM中刷新。

任何帮助都非常感谢。

//page transitions

$("nav a").on("click", function (event) {

    event.preventDefault()

    const href = $(this).attr("href")

    window.history.pushState(null, null, href)

    $("nav a").removeClass("active")
    $(this).addClass("active")

    $.ajax({
      url: href,
      success: function (data) {
        $("section").fadeOut(250, function () {
          const newPage = $(data).filter("section").html()

          $("section").html(newPage)

          $("section").fadeIn(250)
        })
      }
    })

  })

Answer 1

我设法通过使用<script>中的<section>标记链接.js文件来解决这个问题，该标记在每个页面上都被AJAX拉过来。