Jquery ui选项卡，第二个添加的选项卡不工作

Question

如果你点击标题" Link "，你可以看到标签不工作。我做错了什么?如何使每个标签的高度依赖于内容量

Jquery:

$( "#accordion" ).accordion({
      collapsible: true
  });
$( "#tabs" ).tabs();

完整代码Jsfiddle

Answer 1

您复制了id s，而它必须是 unique 。因此，要么将第二个tabs的id改为tabs1，并按如下方式初始化:

$("#tabs,#tabs1").tabs()

不同id的DEMO

或

将id更改为class, tabs如下:

<div class="tabs">
  ....
</div>
<div class="tabs">
  ....
</div>

并按如下方式初始化:

$('.tabs').tabs()

相同类的DEMO

---

要使每个标签的高度与内容量成正比，只需将一个CSS添加到.tabs，并将其height属性设置为auto !important，如下所示:

.tabs{
    height:auto !important;
}

<<p> 更新演示/strong>