无法让这段代码在 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>
Page1.html:
<ul class="tabs">
HEi
</ul>
最佳答案
当通过本地文件系统(file://
URL)访问文件时,出于安全原因,您无法在 Chrome 和 Opera 中加载任何本地 AJAX 资源。
使用 HTTP 时,存在“同源策略”来防止站点访问它们不应访问的数据。但是,在本地文件系统上,无法知道哪些内容可以安全访问,哪些内容不可以安全访问。所以对本地文件的AJAX请求一般都会被阻止。
关于javascript - .load() 适用于 IE 和 Dreamweaver 预览版,但不适用于 Opera 和 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11281769/