2

我一直在尝试制作一个 jQuery 选项卡 UI，如下面的更好的 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 时，我选择的任何选项卡都只会显示 Loading... 并且 html 页面永远不会加载。

为了更直观的解释，我正在尝试使用 html 页面来做这个演示：http: //www.coldfusionjedi.com/demos/jquerytabs/test.cfm

请帮助哈哈，我对自己做错了什么感到迷茫。提前致谢 ：）

4

0 回答 0