我一直在尝试制作一个jQuery标签用户界面,如下面的Better alternative to an iframe?,但经过数小时的排查后,我只是不知道自己做错了什么。
我的test.html:
<html>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="one.html"><span>One</span></a></li>
<li><a href="two.html"><span>Two</span></a></li>
<li><a href="three.html"><span>Three</span></a></li>
</ul>
</div>
</body>
所以在我的文件夹中我有test.html(上面的),one.html,two.html和three.html。当我加载test.html时,我选择的任何选项卡都会显示正在加载...并且html页面永远不会加载。
为了更直观的解释,我正在尝试使用html页面执行此演示: http://www.coldfusionjedi.com/demos/jquerytabs/test.cfm
请帮助哈哈,我对自己做错了很失落。在此先感谢:)