如何在單擊鏈接時將一個html文件加載到另一個html文件的div標記中

-3

<html> 
<head> 
</head> 
<body> 
<script src="jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault() 
     $('#content').load('abc.html'); 
    }); 
}); 
</script> 
<div id="content"> 
    <p>Here comes some content</p> 
</div> 
<div><a href="#" class="ajax">Link</a></div> 
</body> 
</html>

在代碼中，我想在單擊鏈接內部時加載id =「content」的abc.html內容。此代碼不起作用。任何人都可以請幫我..如何在單擊鏈接時將一個html文件加載到另一個html文件的div標記中

來源

2013-05-09 Brainser

請比「不起作用」更具體。你的瀏覽器的開發工具說什麼？控制檯中是否有任何錯誤消息？你能看到在Net標籤中發出的請求嗎？ – Quentin 2013-05-09 08:32:56

如果你有一個字符串值'abc.html'，你真的是指'$（'＃abc'）。html（）'。這會給你'$（'＃content'）。load（$（'＃abc'）。html（））;' – 2013-05-09 08:39:51

@quentin：既不顯示任何錯誤也不會得到期望的結果。 – Brainser 2013-05-09 08:42:54

我認爲你的語法是好的......這可能是一個路徑問題。請記住，使用「abc.html」作爲路徑意味着您正在尋找當前目錄中名爲「abc.html」的文件。

爲了確認，請檢查abc.html是否爲空，然後確保它與調用文件在同一文件夾中（或指定文件的正確路徑）。如果那樣的話，那麼我建議你閱讀Absolute vs. Relative paths/URLs。

來源

2013-05-09 08:45:45 Jace

是它是在同一個目錄中，它也被加載在頁面上，但我想要的是它應該加載在div標籤 – Brainser 2013-05-09 08:50:54

......它應該這樣做。 http://api.jquery.com/load/「從服務器加載數據並將返回的HTML **放入**匹配的元素中。」 – Jace 2013-05-09 08:52:20

@Brainser究竟發生了什麼？如果內容在頁面上加載，那麼它在哪裏加載呢？你真的需要開始提供更多的信息。 – Jace 2013-05-09 08:59:11

如何在單擊鏈接時將一個html文件加載到另一個html文件的div標記中

回答

相關問題