我安装了JQuery和JQuery UI，它们都运行良好，但是当我尝试使用JQuery UI的标签功能时，我立即显示所有内容。
我在http://api.jqueryui.com/tabs/阅读了文档
所以我知道我正在使用正确的代码来实现它
这是我的HTML：
<div id="tab">
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1">
<p>This is the content of tab 1.</p>
</div>
<div id="tab2">
<p>Something for tab 2 goes here.</p>
</div>
<div id="tab3">
<p>The content of tab 3 shows up here.</p>
</div>
</div>
这是我启动它的代码：
$(function() {
$('#tab').tabs();
});
唯一的问题是所有的div都在同一时间出现。
以下是显示内容的照片
http://derpcast.net/snap/pic18-07-14.png
您可以单击选项卡，但它不会更改框中显示的内容。有人可以帮助解决标签未正确显示的原因。
如果没有人可以帮助我，我可以手动完成，但我只想让标签工作。
答案 0 :(得分：1)
可能你错过了包含必需的jquery库和相关的CSS。你的代码运行正常。
参考，[http://jsfiddle.net/cfs69yxf/]
