JQuery не будет обновлять страницу для переходов

Question

Я кодирую простой переход страницы, и 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)
        })
      }
    })

  })

Answer 1

Мне удалось решить эту проблему, связав файл .js с помощью тега <script> внутри <section>, который просматривается AJAX на каждой странице.