Skip to main content
 首页 » 编程设计

语义 ui 选项卡和 javascript

2024年05月29日39me-sa

使用语义 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> 

http://jsfiddle.net/d93af/19/

有人可以告诉我如何正确使用语义用户界面吗?

还有,有没有类似bootstrap的页面: http://getbootstrap.com/javascript 它不仅解释了,还向您展示了一些示例代码?

我在语义用户界面网站中找不到此类信息。

感谢您的帮助!

请您参考如下方法:

您可以使用 .on('click') 来更改类事件:

http://jsfiddle.net/d93af/22/

$(document).ready(function(){ 
   $('.ui .item').on('click', function() { 
      $('.ui .item').removeClass('active'); 
      $(this).addClass('active'); 
   });              
});