Активный класс не рабочая форма semantic-ui - PullRequest
Новая
       7

Активный класс не рабочая форма semantic-ui

0 голосов
/ 22 декабря 2018

Я использую semantic-ui для создания меню для моего проекта.Я пытался добавить активный класс как звенящий по ссылкам, но он не работает.

Я пытался сохранить npm i semantic-ui -, потому что я думал, что меню не доходит до меня, я столкнулся спроблема глотка.Я получил 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 () запрещает загрузку ссылки, но перемещает активный класс к следующей требуемой ссылке, носодержание ссылки не отображается.

Я хочу, чтобы класс ссылок менялся при переходе по ссылке и чтобы содержимое ссылки также отображалось.Огромное спасибо.

...