的index.html:爲什麼「加載」不起作用?
<div id="divTestArea2"></div>
<script type="text/javascript">
$("#divTestArea2").load("index-2.html #test");
</script>
指數2.HTML:
<div id="test"><b>Hello World!</b></div>
爲什麼 「負載」 不工作?
的index.html:爲什麼「加載」不起作用?
<div id="divTestArea2"></div>
<script type="text/javascript">
$("#divTestArea2").load("index-2.html #test");
</script>
指數2.HTML:
<div id="test"><b>Hello World!</b></div>
爲什麼 「負載」 不工作?
假說:
$
尚未定義;您的腳本可能需要在您的頁面中包含jQuery之後運行。如果出現這種情況,您應該會看到控制檯錯誤。index-2.html
不是基於當前頁面的URL的有效相對URL。查看您的開發人員工具的網絡選項卡,查看是否正在執行對index-2.html
的請求。如果您收到404錯誤,那麼網址可能不正確。編輯
現在你已經張貼的錯誤,我們知道原因是#1; $
只會在您的頁面中包含jQuery時纔會定義。如果您已經有了該腳本標記,請將代碼移到其後。如果你不這樣做,請嘗試添加如下內容:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
jQuery可能已經包含在內,但正在使用'noConflict'也經常出現在wordpress網站上 – charlietfl 2014-09-10 21:57:53
而OP可能需要將腳本放在文檔就緒處理程序中。 – 2014-09-10 21:58:11
@JayBlanchard如果腳本元素出現在引用的'div'之後,那麼它將工作。 – 2014-09-10 21:59:27
嘗試添加#
字符以選擇id
的元素,並將您的代碼放入ready
事件中。
$(document).ready(function() {
$("#divTestArea2").load("index-2.html");
});
你可以在div分離到另一個文件中只得到必要的一部分,而不是試圖讀取該文件內一個div。
是否在控制檯中收到了js錯誤。這將有所幫助。 – idrumgood 2014-09-10 21:49:41
你在本地測試它嗎? – undefined 2014-09-10 21:52:33
ReferenceError:$未定義index.html:61 未聲明HTML文檔的字符編碼。如果文檔包含US-ASCII範圍之外的字符,則該文檔將在某些瀏覽器配置中呈現亂碼文本。頁面的字符編碼必須在文檔或傳輸協議中聲明。 – user3552862 2014-09-10 21:54:44