Jquery ui tabs，第二个添加的选项卡不起作用

Question

如果您点击标题“链接”，则可以看到标签无效。我做错了什么？ 我如何制作，每个标签的高度与内容量相加

Jquery的：

$( "#accordion" ).accordion({
      collapsible: true

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

完整代码Jsfiddle

Answer 1

您有id个重复，但必须 unique 。因此，要么将第二id的{​​{1}}更改为tabs并初始化如下：

tabs1

<强> DEMO with different ids

或

将$("#tabs,#tabs1").tabs() 更改为id，如下所示class：

tabs

并将其初始化如下：

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

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

<强> DEMO with same class

<强>更新

要使每个标签的高度与内容量相加，您只需将$('.tabs').tabs() 添加到CSS，然后将其.tabs属性设置为height，如下所示：

auto !important

<强> Updated DEMO