他のページにリダイレクトされないリンクですが、同じページの部門に誘導されたときに機能します

Question

私はnavbarを持っており、リンクが機能していません。ソースコード（Ctrl + U）にアクセスし、リンクをクリックすると、正しくリダイレ​​クトされます。

また、JavaScriptを削除すると機能しますが、必要な移行は行われません。

(function() { 
 
    [].slice.call(document.querySelectorAll('.menu')).forEach(function(menu) { 
 
    var menuItems = menu.querySelectorAll('.menu__link'), 
 
     setCurrent = function(ev) { 
 
     ev.preventDefault(); 
 

 
     var item = ev.target.parentNode; // li 
 

 
     // return if already current 
 
     if (classie.has(item, 'menu__item--current')) { 
 
      return false; 
 
     } 
 
     // remove current 
 
     classie.remove(menu.querySelector('.menu__item--current'), 'menu__item--current'); 
 
     // set current 
 
     classie.add(item, 'menu__item--current'); 
 
     }; 
 

 
    [].slice.call(menuItems).forEach(function(el) { 
 
     el.addEventListener('click', setCurrent); 
 
    }); 
 
    }); 
 

 
    [].slice.call(document.querySelectorAll('.link-copy')).forEach(function(link) { 
 
    link.setAttribute('data-clipboard-text', location.protocol + '//' + location.host + location.pathname + '#' + link.parentNode.id); 
 
    console.log(link); 
 
    new Clipboard(link); 
 
    link.addEventListener('click', function() { 
 
     classie.add(link, 'link-copy--animate'); 
 
     setTimeout(function() { 
 
     classie.remove(link, 'link-copy--animate'); 
 
     }, 300); 
 
    }); 
 
    }); 
 
})(window);

<section class="section section--menu" id="Valentine"> 
 
    <nav class="menu menu--valentine" style="position: fixed; top: 0px; 
 
    right: 10px; width: 100%; float: right; background-color: black"> 
 
    <ul class="menu__list"> 
 
     <li class="menu__item menu__item--current"><a href="#" class="menu__link">Home</a></li> 
 
     <li class="menu__item"><a href="{% url 'speakers' %}" class="menu__link">Speakers</a></li> 
 
     <li class="menu__item"><a href="{% url 'partners' %}" class="menu__link">Partners</a></li> 
 
     <li class="menu__item"><a href="#" class="menu__link">Blog</a></li> 
 
     <li class="menu__item"><a href="#contact" class="menu__link">Contact</a></li> 
 
    </ul> 
 
    </nav> 
 
</section>

私は何をすべき？私はかなりエラーがJavaScriptに起因すると確信しています。

Answer 1

setCurrentには、ev.preventDefault();が使用されています。あなたが防止しているDefaultイベントはリンクに行きます。