2015-10-07 72 views
0

我想进入jquery/ajax,我甚至不能相信我无法通过第一次测试。我正在按照我在The Jquery API site发现的一个示例进行操作,并且我按照它的顺序对它进行了跟踪。jquery load()只能在firefox中工作吗?

我在桌面上创建了一个本地文件夹,并添加了2个文件。

的index.html

list1.html。


的Index.html:

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
</head> 

<body> 

<div id="stage"> 
</div> 

<script> 
$("#stage").load("list1.html"); 
</script> 

</body> 

</html> 

list1.html

<div id="list"> 
<li>Test</li> 
<li>Foo</li> 
<li>Bar</li> 
</div> 

我试图像15分钟,在Chrome和没有运行的index.html显示(如jQuery的WASN没有正确加载)。出于好奇纯我与Firefox打开它,它显示为预期..这样的事情

  • 测试
  • 酒吧

所以这是一个浏览器的问题?为什么Chrome和IE不显示这个加载的列表,但Firefox呢?我无法弄清楚它是我的代码还是在试图学习时令人生气的环境。

+0

尝试包裹在'$(的document.ready)'负载代码。可能是因为你试图运行该函数时没有加载jQuery。 –

+0

你知道jQuery没有正确加载吗?你有没有检查铬开发工具控制台和网络选项卡?它加载了对我来说很好...... –

+0

是的,@PeteTalksWeb由于错误“仅支持协议方案:http,数据,chrome,chrome扩展名,https,chrome-extension-资源。“换句话说,chrome不喜欢打开本地机器的文件。我不知道为什么它打开了你,虽然... – Christopher

回答

1

尝试

<script> 
    $(function(){ 
     $("#stage").load("list1.html"); 
    }); 
</script> 

如果仍然没有工作,请检查您的浏览器的开发者工具的网络部分,看看是否有任何HTTP或安全性的错误。

+0

是的!谢谢......这不是Jquery函数的问题,而是因为它来自本地目录,所以chrome阻止了xml请求! – Christopher

相关问题