jquery - 如何防止第一次点击时的链接操作并仅使用 jquery 允许第二次点击

Question

我正在努力寻找类似于我之前已经发布的问题的解决方案，但该问题没有准确的解决方案。

如果您在移动设备上查看此网站:http://www.adfinity.co.za/business-partners/如果您会看到，当您第一次单击“关于我们”菜单项​​下时，它将显示子项目...并且只有当您第二次单击时，它才会带您进入“关于我们”页面。 我寻找了一些其他问题，但他们并没有真正做到这一点。

几天前我发布了一个类似的问题，但没有最终答案: How to prevent menu from click function and active double click only

请帮助我为我的网站做到这一点。

现在我尝试了这个:

$(document).ready(function (){      
   $("ul#primary-menu > li.menu-item-has-children").one("click", function(e)     {
       e.preventDefault();
       $(this).text("Click again to open");
   });
});

当我在实际手机上测试时，必须双击该项目，然后子项目才会下拉。

Answer 1

您的代码应该可以工作，只需确保也返回 false 并检查浏览器控制台以查看 jQuery 中是否有任何错误:

$(document).ready(function (){      
   $("ul#primary > li.menu-item-has-children").one("click", function(e)     {
       e.preventDefault();
       $(this).text("Click again to open");

       return false;    

   });
});