<div class="page">
<a href="another-page.php">Click!</a>
</div>
<script>
$("a").click(function(){
$(".page").load($(this).attr("href"));
window.history.pushState("", "", '/'+$(this).attr("href"));
return false;
});
</script>
<!-- in another-page.php -->
<a href="initial-page.php">Click here!</a>
<!-- what the another-page.php looks like once it's been loaded by jquery -->
<a href>Click here!</a>
然后点击链接会在<div class="page">
中加载页面,但我注意到页面顶部有一个<h1><a href="/">Title</a></h1>
,它丢失了我定义的颜色{{1然后在检查元素时,而不是上面的h1,它是h1 a {...}
答案 0 :(得分:0)
此处有其他问题。
当您使用<a href=/>
而不是<a href="/">
时,会出现我所描述的问题。我没有测试以检查并查看使用<a href=another-page.php>
时是否发生相同情况,但发现引用正斜杠修复了问题。