我正在编码一个简单的页面过渡,而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)
})
}
})
})