Question

我想进入jquery / ajax，我甚至不相信自己无法通过第一次测试。我跟随我在The Jquery API site找到的一个例子，然后我就跟着它去了。

我在桌面上创建了一个本地文件夹，并添加了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没有正确加载）。出于纯粹的好奇心，我用firefox打开它，它按预期显示..像这样的东西

测试
富
酒吧

这是一个浏览器问题吗？为什么Chrome和IE不会显示这个加载列表，但firefox呢？我无法弄清楚我的代码或环境在尝试学习时是否真气。

Answer 1

尝试使用--allow-file-access-from-files标志设置

启动chrome / chromium

请参阅How do I make the Google Chrome flag "--allow-file-access-from-files" permanent?

Answer 2

尝试

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

如果仍然不起作用，请查看浏览器的“开发人员工具”中的“网络”部分，看看是否存在任何HTTP或安全性错误。

Jquery load（）只在firefox中工作？

2 个答案: