语义UI - 让Javascript正常工作

时间:2017-06-20 15:42:59

标签: semantic-ui

enter image description here我刚开始使用Semantic UI。 以下面的垂直菜单为例。这确实呈现了UI,但它不起作用。我明白应该为此初始化一个javascript。但是我可以在文档中找到有关初始化组件的信息。

<div class="ui secondary vertical pointing menu">
  <a class="item">
    Home
  </a>
  <a class="item active">
    Messages
  </a>
  <a class="item">
    Friends
  </a>
</div>

1 个答案:

答案 0 :(得分:0)

Sarthak是对的,菜单是集合类型的组件,不需要任何JS来纠正工作。但是,SUI文档中的示例使用了一些处理活动类切换的JS,其代码如下:

$(this)
  .addClass('active')
  .closest('.ui.menu')
  .find('.item')
  .not($(this))
  .removeClass('active')

Full source