jQuery的不会刷新页面过渡

时间:2019-01-12 11:54:17

标签: responsive-design icons hamburger-menu

我正在编码一个简单的页面过渡,而AJAX正在提取正确的url,但是必须手动刷新页面才能加载正确的背景图像。

我认为这是jquery的问题,因为我的图像和页面url正确加载,但只需要在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)
        })
      }
    })

  })

0 个答案:

没有答案