为什么我的标签不起作用？

Question

我正在尝试语义 ui 中的选项卡示例，但我无法使其工作。标签不会改变。我是不是忘了添加一些东西？

$(function() {
  $('.menu .item').tab();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.js"></script>
<div class="ui top attached tabular menu">
  <a class="item active" data-tab="first">First</a>
  <a class="item" data-tab="second">Second</a>
  <a class="item" data-tab="third">Third</a>
</div>
<div class="ui bottom attached tab segment active" data-tab="first">
  First
</div>
<div class="ui bottom attached tab segment" data-tab="second">
  Second
</div>
<div class="ui bottom attached tab segment" data-tab="third">
  Third
</div>

Answer 1

我相信你需要这样称呼

$(function () {
   $('.menu .item').tab();
});

使您的标签有效。

并且 semantic-ui 有很棒的文档，您应该去那里看看。

为什么我的标签不起作用？

Why won't my tabs work?

html

css

semantic-ui