如何防止菜单点击功能和主动双击

Question

我正在测试一个网站，并希望并注意到菜单中的问题： 我有一个名为About的项目，它有孩子...问题是关于也是一个链接。因此，在移动设备上，如果在“关于”下单击，则会显示子项，但在尝试单击任何列表项之前，站点将转到“关于”页面。 好吧，我认为这都是因为我正在使用悬停和焦点。

如何点击有孩子的菜单项来显示其项目，并防止它第一次点击时进入其页面？ 在这里，我的小提琴：https://jsfiddle.net/Wosley_Alarico/mvn7ayun/1/

我想首先我必须阻止点击功能：

$(document).ready(function (){            
   $( "li.menu-item-has-children" ).click(function( e ) {
      e.preventDefault();

   });
});

希望我有所了解，因为英语不是我的第一语言

Answer 1

这是解决方案:)不要在很多地方使用此代码）））

`https://jsfiddle.net/mvn7ayun/21/`