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

时间:2016-07-09 08:01:35

标签: html css semantic-ui

我正在尝试使用语义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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

我相信你需要打电话给这个

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

让您的标签有效。

semantic-ui有很好的文档,你应该看一下。