在 jquery 加載檔案中，innerHTML 出現然后在一秒鐘內迅速消失，div。
主檔案
$(document).ready(function () {
$('#page1').click(function () {
$('#page-content-wrapper').load('page1.html');
document.getElementById("changeme").innerHTML = "Paragraph changed!";
})
});
索引.html
<!DOCTYPE html>
<html>
<head>
<script src="js/site.js"></script>
<meta charset="utf-8" />
<title>TimeApp</title>
</head>
<body>
<a id="page1">Page 1</span></a> <a id="page2">Page 2</span></a>
<div id="page-content-wrapper">
<!-- Page content is loaded here -->
</div>
</body>
</html>
頁面1.html
<div id="changeme"></div>
uj5u.com熱心網友回復：
問題是因為load()發出 AJAX 請求以從 page1.html 檢索內容。雖然這是發生在更新innerHTML中的元素#page-content-wrapper。當 AJAX 請求完成時，page1.html 的內容會覆寫現有的內容 - 您剛剛更新的內容。
要解決此問題，請將更新元素文本的行放在 的回呼中load()，以便它僅在 AJAX 請求之后執行：
jQuery($ => {
$('#page1').click(function() {
$('#page-content-wrapper').load('page1.html', () => {
$("#changeme").text("Paragraph changed!");
});
});
});
更好的是，將您需要的內容直接放在 page1.html 中，以避免這種不必要的代碼。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/399364.html
標籤：javascript html 查询