Jquery load() only working in firefox?

2018-12-31 22:51发布

站内问答 / JavaScript
1717 2 4

I am trying to get into jquery/ajax and I can't even believe I can't get past this first test. I'm following an example I found at The Jquery API site and I followed it just about to a T.

I created a local folder on the desktop, and added 2 files.

index.html

and

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>

I was trying for like 15 minutes to run index.html in chrome and nothing displayed (like the jquery wasn't loading correctly). Out of pure curiosity I opened it with firefox and it displayed as expected.. something like this

  • Test
  • Foo
  • Bar

So is this a browser issue? Why does Chrome and IE not show this loaded list, but firefox does? I can't figure out if it's my code or the environment which is infuriating when trying to learn.

2条回答
柔情千种
2楼-- · 2018-12-31 23:16

Try launching chrome / chromium with --allow-file-access-from-files flag set

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

查看更多
0人赞 添加讨论(0) 举报
伤终究还是伤i
3楼-- · 2018-12-31 23:29

Try

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

If still not works, check the Network section in the Developer Tools of your browser and see if there are any HTTP or Security errors.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)