使用语义 UI 选项卡控件,我确实找到了一些答案 Using the tab control in semantic-ui
我从semantic-ui下载了包,打开feed.html并修改了以下内容:
<body id="feed">
<div class="ui secondary pointing menu">
<a class="active item">
<i class="home icon"></i>Home</a>
<a class="item">
<i class="mail icon"></i>Messages</a>
<a class="item">
<i class="user icon"></i>Friends</a>
</div>
</body>
它不起作用
使用我在 Using the tab control in semantic-ui 中找到的内容,我改为:
<div class="ui secondary pointing menu">
<a class="active item">
<i class="home icon"></i>Home</a>
<a class="item">
<i class="mail icon"></i>Messages</a>
<a class="item">
<i class="user icon"></i>Friends</a>
</div>
有人可以告诉我如何正确使用语义用户界面吗?
还有,有没有类似bootstrap的页面: http://getbootstrap.com/javascript 它不仅解释了,还向您展示了一些示例代码?
我在语义用户界面网站中找不到此类信息。
感谢您的帮助!
请您参考如下方法:
您可以使用 .on('click') 来更改类事件:
$(document).ready(function(){
$('.ui .item').on('click', function() {
$('.ui .item').removeClass('active');
$(this).addClass('active');
});
});