2017-02-10 92 views
0

我是很新的jQuery和我擡起頭來的.load()在這裏: http://api.jquery.com/load/ ,並試圖自己的例子之一,然而,當我嘗試在本地我不「弄不明白工作的jQuery從另一個HTML文件添加HTML不起作用

HTML文件

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Test</title> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 

<b>Projects:</b> 
<ol id="new-projects"></ol> 

<script> 
    $("#new-projects").load("laf15/resources/load.html #projects li"); 
</script> 

</body> 
</html> 

load.html

<li>one</li> 
<li>two</li> 
<li>three</li> 
<li>four</li> 

不太知道我做錯了,所以任何幫助會爲G不動產資產信託!

+1

HTML文件位於何處?您可能只需將路徑更改爲'/laf15/resources/load.html #projects li'。 javascript控制檯是否報告任何錯誤? –

+0

您使用的方式太舊的JQuery版本。也許這是問題?正如@JosephMarikle所問,你是否在控制檯中報告了任何錯誤? –

+0

如何找到這個神話般的java腳本控制檯?我在2年內沒有完成網絡開發,這不是我的專長 – mrKallah

回答

0

您正在加載的URL不是有效的URL。 空格字符需要編碼。 我想你可能會添加更多的字符比你應該。 試着這樣寫:

$("#new-projects").load("laf15/resources/load.html"); 

如果URL是正確的腳本是去工作。 通過編寫此URL,您將在「laf15」文件夾中包含的文件夾「resources」中加載文件「load.html」。 所以你寫的文件需要放在包含「laf15」文件夾的文件夾中。 您的文件夾樹應如下所示:

-mainfolder 
     -yourfile.html 
     -laf15 
      -resources 
       -load.html 
+0

這是不正確的。 jQuery的['.load()方法]](http://api.jquery.com/load/#loading-page-fragments)將解析url的那部分,並將其解釋爲片段。它不是一個有效的URL,但在這種情況下它是有效的語法。 –

+0

它已經這樣構造,其中load.html在 C:\ Users \ username \ page \ laf15 \ resources \ load.html 和test.html在 C:\ Users \ username \ page \ test.html – mrKallah