Javascript 页面未重定向到标签中的位置

我有一个类似上面的html内容。当我将鼠标悬停在Books&Audible上时，它将显示其子项。但当我单击main或其子类别时，它不会重定向到相应的页面

控制台中是否有任何错误？它在小提琴中工作。您可能在单击时使用了“防止默认值”handlers@Emre你能给我链接吗

<ul class="dropdown-menu" role="menu">
    <li data-submenu-id="submenu-patas"> <a href="products.html">Books & Audible <span style="float:right; padding-left:10px; padding-top:2px;"><i class="fa fa-angle-right"></i></span></a>
                  <div id="submenu-patas" class="popover nav_bg_books">
                    <h3 class="popover-title">Books & Audible</h3>
                    <ul style="float:left; z-index:999; ">
                      <h5 style="color:#C30">Books</h5>
                      <li><a href="products.html">Books</a> </li>
                      <li><a href="products.html">Textbooks</a></li>
                      <li><a href="products.html">Magazine</a></li>
                    </ul>
                    <ul style="float:left; z-index:999;">
                      <h5  style="color:#C30">Audible</h5>
                      <li><a href="products.html">Audible Audiobooks</a></li>
                      <li><a href="products.html">Books with Audio Companions</a></li>
                    </ul>
                  </div>
                </li>
</ul>