Question

在我的网站上，我有一个移动菜单。当我单击菜单中的链接时，菜单不会消失。通过阅读其他文章，我有一个很好的主意，我该怎么做。但是我没有使代码正常工作，因为我是javascript的新手，可能做错了什么。

单击链接时要隐藏的div（在同一div中）是使用class mobilemenuitems定义的

正如我已经提到的，链接位于此div中。

不幸的是，我无法向链接添加类或ID，因为我只有前端访问权限。

网站在这里。 https://test.vereinonline.org/HTC_Uhlenhorst/?module= *网球请注意，菜单按钮仅出现在移动设备上（宽度<1000px）

在此jsfiddle中，问题按比例缩小为根。 http://jsfiddle.net/TheBB23/d6s3Ln50/3/

我非常确定问题出在javascript：

document.getElementById(mobilemenuitems a).addEventListener('click', function(e) {
  document.getElementById('mobilemenuitems').remove();
});

Answer 1

我相信您会在单击其中的任何链接时试图隐藏类mobilemenuspace的div。为此，您可以使用以下-

$('a').click(function(e){
    e.preventDefault();
    if ($(this).parents('.mobilemenuspace').length) {
        $('.mobilemenuspace').hide();
    }
});

工作示例-https://jsfiddle.net/zv18xuhL/

从Fiddle中派生出来的纯JS解决方案-

http://jsfiddle.net/e69snqjk/

使用div单击div内的链接时隐藏div

1 个答案: