javascript - 另一个 click() 事件中的 jQuery click() 事件在移动设备上不起作用

Question

我希望制作一个从页面右侧滑出的移动菜单，一旦显示就显示适当的导航。我使用 sidr.js 插件创建滑动过渡，所有导航都显示良好。我的移动菜单在计算机上具有完整的功能，它看起来很棒并且按照我想要的方式运行。

但是，当我切换到手机并访问网站时，导航有一个很大的缺陷。我在导航区域的顶部放置了一个按钮，单击该按钮即可关闭侧面导航。下面是执行此任务的函数，在计算机上效果很好。问题是手机上不行!!请帮忙，我很困惑为什么这不起作用。

$(document).on('click', 'a.btn.btn-default.mobile-btn', function(event) {
  event.preventDefault();
  $("#responsive-menu-button").click();
});

您还可以通过http://mgm702.github.io实时查看问题但您必须使用移动设备才能注意到该问题。另外，我已经尝试过 cursor:pointer; 选项等，但它没有起作用。

Answer 1

我找到了适合我的特定情况的解决方案。我正在使用 Sidr.js Plugin其中一项功能是关闭菜单 slider 的内置功能。我将其附加到我当前正在使用的函数中，这解决了问题。然后菜单可与移动设备触摸界面配合使用。我的最终功能如下所示

$(document).on('click touchstart', 'a.btn.btn-default.mobile-btn', function(event) {
  event.preventDefault();
  $.sidr('close','sidr-main'); 
});

我希望这个答案可以帮助将来处理这个问题的人!