2017-02-10 91 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