我引用了这个 和下载的库(这里jquery-ui-1.8.19.custom
提到的所有 31 个组件)
我遵循了示例代码。但它没有用。这是我的完整代码。
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<script type="text/javascript" src="1_6js.js"></script>// this is 1.6 jQuery pluging and it works well in other pages
<script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"></script> // this is my jquery ui plugin
<script>
$(function() {
alert("hi") // this alert showed in browser
$( "#tabs" ).tabs();
alert("oh") // this alert is also showed.
});
</script>
</head>
<body>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
<li><a href="#tabs-3">tab 3</a></li>
</ul>
<div id="tabs-1">
Content 1
</div>
<div id="tabs-2">
Content 2
</div>
<div id="tabs-3">
Content 3
</div>
</div>
</div><!-- End demo -->
</body>
</html>
我不需要任何 CSS 样式。我只需要一个工作简单的选项卡窗格,以后可以改进。我$( "#tabs" ).tabs();
在 </script> 标签中放入了 body 标签。它也没有用。任何人都可以让我知道我错过了哪里或问题出在哪里。