我正在嘗試學習JQuery,並且遇到了一個簡單的任務。我有一個頁面(dir:root/admin/indexContent.html),我想從另一個頁面(dir:root/index.html)加載帶有ID#header1的h2標籤的內容。使用JQuery .load從另一頁加載div
這裏是indexContent.html
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#indexHeader1").load("../index.html #header1");
});
</script>
的H2標籤我想從index.html的加載頭的腳本:
<h2 id="header1">Home</h2>
我想要的H2標籤上加載管理員/ indexContent.html:
<div id="indexHeader1"></div>
從我的理解$( 「#indexHeader1」)是在哪裏LOA選擇d內容,並且.load()中的參數是我想要加載的文件的路徑,但是此腳本不執行任何操作。有人知道爲什麼
編輯:添加console.log($("#indexHeader1").length)
我的代碼,閱讀我的控制檯後,我得到了:
1 indexContent.html:10
GET http://highstreetdeliwb.com/admin/images/navigation/logoClear.png 404 (Not Found) logoclear.png:1
與GET http://site/admin/images/whatever.png
幾行一起。我不明白爲什麼它試圖獲得這些圖像,我只想要一個H2元素。還值得注意的是,這些圖像有錯誤的路徑。
http://highstreetdeliwb.com/admin/images/navigation/logoClear.png
應該是:
http://highstreetdeliwb.com/images/navigation/logoClear.png
你做了什麼來調試呢?你看過你的瀏覽器的JS控件,看看是否有任何錯誤?你有沒有看過Net標籤,看看請求是否正確發送並得到正確的響應?你是否添加了一些'console.log'語句來查看代碼是否正在執行?你是否檢查過你正在尋找的元素(例如''console.log($(「#indexHeader1」)。)?? – Quentin 2015-03-13 18:57:25
代碼沒有問題..確保你正在運行頁面一個服務器(例如:apache。)。直接打開html文件不會在某些瀏覽器(如Firefox)中工作 – 2015-03-13 19:04:47
我剛剛更新了我的帖子,提供了更多信息,看起來像我的路徑錯誤 – 2015-03-13 19:17:49