jquery - 语义用户界面 : Tabular Not Working

Question

我正在使用 Semantic UI我在使用他们的 Tabs 时遇到了麻烦.第一个选项卡显示为事件选项卡，但当您单击第二个选项卡时，该选项卡不会更改。您可以在“附件”下查看他们的示例 here .你可以在下面看到我的例子。我相信它设置正确。我还设置了这个 JSFiddle包括语义和 jQuery。如果您有任何问题，请告诉我。

<div class="ui top attached tabular menu">
    <a class="active item">One</a>
    <a class="item">Two</a>
</div>
<div class="ui bottom attached segment">
    <h4>Product Name</h4>
    <p>Here is the description</p>
</div>

Answer 1

您需要使用 JavaScript 来连接选项卡。

我修改了你的 fiddle :

$(document).ready(function(){
    $('.tabular.menu .item').tab({history:false});
});

http://jsfiddle.net/zu4kG/5/

另请参阅此博文:http://patrickgawron.com/wp/semantic-ui/

请注意，我也添加了 jquery.address.js