如何使用 jQuery 在 load() 上保留 url 的#-part？

Question

我将一个 html 加载到一个right-body使用 jQuery调用的 div 中：

$("#right-body").load( "views/" + $(this).attr("page")+ ".html");

这将重新加载整个页面。因此，我丢失了 url 的哈希值。我怎样才能保持哈希？

我尝试在重新加载后重置它：

var hash = window.location.hash;

$("#right-body").load( "views/" + $(this).attr("page")+ ".html");

window.location.hash = hash;

但它不起作用。window.location.hash = hash;似乎是无效的。

Answer 1

如果页面在执行后重新加载.load()，您的哈希值将重置为undefined。您可以潜在地使用本地或会话存储并在页面重新加载后检索散列，而不是将其存储在变量中。

Answer 2

试试这个：if(typeof page === "undefined"){    var page = "";}if(page !== ""){    page = "views/" + $(this).attr("page")+ ".html";}$("#right-body").load(page);注意！ 我不建议在那时使用 id，因为它会一次又一次地重复。因此，您需要更改“子”页面的 ID。告诉我如果它不起作用！

Answer 3

通过window.location.hash = hash;作为回调解决它。. 然而，可能不是最好的解决方案，因为您可以看到从“#”到“#myhashparams”的 url 闪烁...$("#right-body").load( "views/" + $(this).attr("page")+ ".html", () => {window.location.hash = hash;});