如何防止菜单具有单击功能和仅活动的双击

Question

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

第一次单击时，如何单击带有子项的菜单项以显示其项目并阻止其进入其页面？ 这是我的小提琴： 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/`