タブが機能しないのはなぜですか？

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にはあなたが見るべき素晴らしい文書があります。