我正在使用 AJAX 加載頁面。在每個(gè)網(wǎng)頁中，我都有 2 個(gè)常見的 div - 標(biāo)題 div 和內(nèi)容 div?，F(xiàn)在，當(dāng)我從一個(gè)頁面導(dǎo)航到另一個(gè)頁面時(shí)，我使用以下命令將下一頁的內(nèi)容 div 加載到當(dāng)前頁面中$("#content").load(URL+" #content");現(xiàn)在，由于我使用 AJAX 加載頁面，因此我正在更改 URL 并使用 History API 操作歷史記錄。所以現(xiàn)在當(dāng)有人按下瀏覽器的后退按鈕時(shí)就會(huì)出現(xiàn)問題，兩個(gè)頁面的標(biāo)題 div 在加載期間都顯示，但在加載完成后消失。那么任何人都可以幫助我如何隱藏加載頁面的標(biāo)題 div。這是我用來處理瀏覽器后退按鈕的代碼 function swap(href) { var x = document.getElementById("myTopnav"); x.className = "topnav"; var req = new XMLHttpRequest(); req.open("GET", "http://localhost/" + href.split("/").pop(), false); req.send(null); if (req.status == 200) { document.getElementById("content").innerHTML = req.responseText; $("#content").load(" #content"); return true; } return false; } window.addEventListener("popstate", function(e) { swap(location.pathname); e.preventDefault(); });
1 回答
幕布斯7119047
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
我認(rèn)為這應(yīng)該有效。#content如果是最外面的元素，它將響應(yīng)包裝在 DIV 中，因?yàn)?find()只搜索內(nèi)容。
function swap(href) {
$("#myTopNav").addClass("topnav");
var url = href.split('/').pop();
$.get('http://localhost/' + url, function(response) {
var fragment = $("<div>", {
html: response
});
$("#content").replaceWith(fragment.find("#content"));
}
});
}
window.addEventListener("popstate", function(e) {
swap(location.pathname);
e.preventDefault();
});
- 1 回答
- 0 關(guān)注
- 157 瀏覽
添加回答
舉報(bào)
0/150
提交
取消