jQuery的load（）方法會導致標籤失去href的值

<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>它失去了發現顏色我已經定義了h1 a {...}然後當檢查元素，而不是上述h1時，它是<h1><a href>Title</a></h1>jQuery的load（）方法會導致標籤失去href的值

來源

2017-01-28 Not_Lazy

提供一個[mcve] – zer00ne

很漂亮，因爲沒有錯誤的代碼，可能檢查你的加載頁面是否與你的主頁產生衝突。您的加載頁面不應該包含任何其他CSS樣式或腳本文件，以避免問題 – Roljhon

這裏還有其他的錯誤。

我描述的問題發生在使用<a href=/>而不是<a href="/">時。我沒有測試以檢查使用<a href=another-page.php>時是否發生了同樣的情況，但發現引用正斜槓解決了問題。

來源

2017-01-29 09:42:40

jQuery的load（）方法會導致標籤失去href的值

回答

相關問題