Jquery load() 只能在 Firefox 中工作?

IT技术 javascript jquery html google-chrome cross-browser
2021-01-18 20:29:14

我正在尝试进入 jquery/ajax,我什至不敢相信我无法通过这个第一次测试。我正在关注我在The Jquery API 站点上找到的一个示例,我将其关注到了 T。

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

索引.html

列表1.html。


索引.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>

列表1.html

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

我试图在 chrome 中运行 index.html 大约 15 分钟,但没有显示任何内容(就像 jquery 没有正确加载)。出于纯粹的好奇,我用 Firefox 打开它,它按预期显示......像这样

  • 测试
  • 酒吧

所以这是浏览器的问题吗?为什么 Chrome 和 IE 不显示此加载列表,但 Firefox 会显示?我不知道是我的代码还是环境在尝试学习时令人生气。

2个回答

尝试启动带有--allow-file-access-from-files标志设置的chrome / 铬

请参阅如何使 Google Chrome 标志“--allow-file-access-from-files”永久化?

这可以作为 Chrome 的解决方案......不过现在我将只做我所有的本地测试并在 Firefox 中播放!轻松多了哈哈
2021-03-14 20:29:14

尝试

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

如果还是不行,请检查浏览器开发工具中的网络部分,看看是否有任何 HTTP 或安全错误。

是的!谢谢...这不是 Jquery 函数的问题,而是 chrome 阻止了 xml 请求,因为它来自本地目录!
2021-03-26 20:29:14