Question

我在我的文件中引用了jquery-1.8.3.min.js和jquery-ui-1.10.4.custom.min.js，但似乎没有任何工作。问题是什么？这是标签UI的代码：

<html>
<head>
<script src="jquery-1.8.3.min.js" ></script>
<script src="jquery-ui-1.10.4.custom.min.js" > </script>
</head>

<div id="tabContainer">
<ul>
<li><a href="#tabOne">Tab 1</a></li>
<li><a href="#tabTwo">Tab 2</a></li>
<li><a href="#tabThree">Tab 3<a></li>
</ul>
</div>

<div id="tabOne">
<p> This is the first tab</p>
</div>
<div id="tabTwo">
<p> This is the first tab</p>
</div>
<div id="tabThree">
<p> This is the first tab</p>
</div>

<script typle="text/javascript">
$('#tableContainer').tabs();
</script>

</body>
</html>

Answer 1

来自getting started page of jQuery UI：

通常，您需要在任何要使用的页面上包含这三个文件 jQuery UI小部件和交互：

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>

您似乎缺少必需的CSS文件。

此外，您似乎至少缺少初始<body>标记。

我如何让jQuery UI工作？

1 个答案: