如何修复导航中的锚标记？

Question

我正在创建我的投资组合网站，但我的导航中的任何锚标记都存在一些问题。当我将鼠标悬停在链接上时，它显示正确，但单击它时没有任何反应。两个 html 页面都在同一个文件夹中（尽管我没有收到典型的页面未找到错误）。以下是通过徽标链接主页的示例：

<a class="navbar-brand" href="index.html" style="padding-top:2px;">
   <img src="logo.svg" alt="" width="190px" style="padding:0px"/>
</a>

这是菜单中的另一个示例，我在其中链接到主页中的用例部分：

 <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html#usecases">CASE STUDIES</a></li>
</ul>

更新： 该问题是由更改代码默认行为的事件侦听器引起的。在这种情况下，我使用了以下事件侦听器：

    $(document).ready(function(){
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {

    // Prevent default anchor click behavior
    event.preventDefault();

    // Store hash
    var hash = this.hash;