0

无法让这段代码在 chrome 中工作,这是必不可少的,因为我正在为 android 开发。任何人都可以看到错误吗?

我只想将“page1.html”加载到“#container1”中。应该很容易,它以前工作过。但是我尝试从头开始重建代码,但我看不出错误是什么。

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TheTutorialBlog.com : jQuery Deep Linking</title>    

  <link href="css_elIndex.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.7.2.min.js"></script>
<script src="bbq-1.2.js"></script>
<script type="text/javascript">

$("document").ready(function(){
    alert('doc ready');
    $('#container1').load('page1.html');
});
</script>
</head>
<body>
<div class ="topBar">
    <div class = "backButton">Home</div>
</div>
<div id="pageContainer">
    <div class="pageViewer" id="container1">            
    </div>
    <div class="pageViewer" id="container2"> 
    </div>
    <div class="pageViewer" id="container3"> 
    </div>
</div>

</body>
</html>

页1.html:

<ul class="tabs">
    HEi
</ul>
4

1 回答 1

3

通过本地文件系统 ( file://URL) 访问文件时,出于安全原因,您无法在 Chrome 和 Opera 中加载任何本地 AJAX 资源。

使用 HTTP 时,有“同源策略”来防止站点访问他们不应该访问的数据。然而,在本地文件系统上,没有办法知道什么是安全的,什么是不安全的。因此,对本地文件的 AJAX 请求通常会被阻止。

于 2012-07-01T12:04:10.923 回答