javascript - html站点中的菜单项不起作用

Question

我希望下拉菜单也能够单击该项目。例子：

菜单项：服务

Sub items:    - branding  } These already have working links  
              - marketing }

但是当我用服务的链接替换 ​​# 时，它不起作用。当我单击它时，没有任何反应，尽管如果我右键单击并在新选项卡中打开它会打开 URL。

我认为这与Javascript有关。

HTML：

<li class="dropdown"><a href="#" class="dropdown-toggle js-activated">Services</a>
   <ul class="dropdown-menu">
      <li><a href="index.html">YouTube</a></li>
      <li><a href="index2.html">Twitter</a></li>
      <li><a href="portfolio-post.html">Instagram</a></li>
      <li><a href="portfolio-post2.html">Facebook</a></li>
   </ul>

Javascript：

$(document).ready(function() {

  $('.js-activated').dropdownHover({
      instantlyCloseOthers: false,
      delay: 0
  }).dropdown();

  $('.dropdown-menu a').click(function (e) {
      e.stopPropagation();
   });

});

Answer 1

这段代码：

$('.dropdown-menu a').click(function (e) {
   e.stopPropagation();
});

在菜单中单击“a”元素时禁用默认操作（重定向）。

希望有帮助。