活动类无法使用语义UI

时间:2018-12-22 14:38:44

标签: jquery semantic-ui

我正在使用语义UI为我的项目创建菜单。我试图添加活动类作为链接的链接,但是它不起作用。

我试图对npm i语义-ui --save进行处理,因为我认为菜单没有完全显示出来,所以我遇到了问题。我得到了CDN,并尝试了一些解决方案,但没有任何效果。

html

<div class="ui secondary pointing menu">
   <a class="item huge header active" href="/">
       Company Name
   </a>
   <a class="item" href="/classes">
      Link 2
  </a>
</div>

jQuery

<script type="text/javascript" style="data-role="none";">
  $(document).ready(function() {
    $('.ui.menu a').click(function(event) {
      $('.active').removeClass('active');
      $(this).addClass('active');
      event.preventDefault();
   });
 });
</script>

event.preventDefault()阻止链接加载,但确实将活动类移至所需的下一个链接,但未显示该链接的内容。

我希望在单击链接时更改链接类,并且也希望显示链接的内容。非常感谢。

0 个答案:

没有答案