jquery load()导致标记丢失其href值

时间:2017-01-28 09:28:27

标签: javascript jquery html

<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 {...}

1 个答案:

答案 0 :(得分:0)

此处有其他问题。

当您使用<a href=/>而不是<a href="/">时,会出现我所描述的问题。我没有测试以检查并查看使用<a href=another-page.php>时是否发生相同情况,但发现引用正斜杠修复了问题。