0

我的页面中有两个 div。第一个 div 包含一个有两个选项的导航栏。我想要做的是当我单击导航栏中的一个选项时，我希望将相应的 html 文件加载到第二个 div 中。我该怎么做。请帮忙。

到目前为止，这是我的代码..

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test Document</title>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

<script type = "text/javascript">
function loadSurveyPage()
{
alert("Survey");
$('#myBody').load('survey.html #myQuestions');
}

function howToSurvey()
{
alert("How to Survey");
$('#myBody').load('howToSurvey.html #myQuestions');
}
</script>
</head>
<body id="myBody">



<div data-role="page" id="indexPage">

<div  data-role="header" data-position="fixed">
<div data-role="navbar" id="navbar">
<ul>
    <li><a href="#" rel="external" onclick="howToSurvey()">How To Take The Survey</a></li>
    <li><a href="#" onclick="loadSurveyPage()">Take Survey</a></li>    
</ul>
</div>
</div>

<div data-role="content" id="myQuestions"></div>
</div>



</body>
</html>

单击选项时出现以下错误..

XMLHttpRequest 无法加载 file:///C:/Users/sp05/Desktop/Self/TMS/testForTab/howToSurvey.html。Access-Control-Allow-Origin 不允许 Origin null。

4

2 回答 2

1
  1. 您应该使用本地网络服务器进行开发（例如 Windows 的 IIS）。您在这里遇到的问题可能是安全问题。
  2. 您使用的 .load() 方法错误。选择器参数指向返回的 html 上的一个元素。使用 .get() 或 .post() 代替：http ://api.jquery.com/category/ajax/shorthand-methods/
于 2013-02-23T10:27:00.800 回答
0

我遇到了一些跨域问题......我在 wamp 服务器上运行了相同的项目，它运行得非常好......

于 2013-05-21T12:55:51.990 回答