使用选项卡的选项卡中的jQuery UI对话框

Question

我使用jQuery UI标签。打开窗口的对话框中的选项卡，但UI插件无法正常工作。

标签需要并排。不幸的是我们无法得到结果。

<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-1">tab 2</a></li>
<li><a href="#tabs-1">tab 3</a></li>
</ul>
<div id="tabs-1"></div>
</div> 

Answer 1

您在评论中发布的代码有效，you can test it here。看来你很可能遇到了CSS问题，请检查以下内容：

• 如果您升级了jQuery UI，请确保更新了CSS，它也会更改每个版本
• 如果你有其他CSS，看看哪个样式规则干扰了像Firebug或Chrome这样的检查器，一些额外的选择器匹配可能会在这里应用一些不需要的样式。

Answer 2

您必须致电tabs()初始化小部件：

$("#tabs").tabs();

如果你已经这样做了，那么我唯一能想到的是将小部件放在其他小部件中是有问题的。

Answer 3

我也认为这是一个CSS问题，你在没有关闭第一个ID的情况下开始第二个div ID。你的意思是嵌套两个标签组？如果是这样，另一件可以使它们不能并排排列的是，如果它们的容器div不够大或者有填充物干扰标签。