带有锚链接的移动设备上的关闭菜单

Question

我已经在该社区中阅读和测试代码，但是无法关闭菜单。 我创建了一个简单的JSFiddle来理解它。我想使用jQuery关闭它。问题仅在移动设备视图中。在此示例中，用户单击“更多”菜单，然后出现“新闻”项。 “新闻”是一个定位链接，当用户单击此处时，菜单仍处于打开状态。这就是问题。如何关闭菜单？

我已经尝试了一切。

jQuery(".item-131").css( 'pointer-events', 'none' );
jQuery(".item-131").attr('onmouseover','');
jQuery(".item-131").off('mouseenter mouseleave');
jQuery(".item-131").unbind("mouseenter mouseleave");

但是我无法关闭菜单。

请参阅我的JSFiddle：https://jsfiddle.net/karmany/gc0ku8on/

Answer 1

如果您可以在移动设备上显示光标，则会看到单击菜单时，光标仍然位于菜单按钮上方，直到您真正点击它为止-现在您可以拥有一个单击事件，当单击菜单时会关闭菜单？