單擊帶有 jQuery 的 div 內的鏈接時隱藏 div

Question

在我的網站上，我有一個移動菜單。 當我單擊菜單中的鏈接時，菜單不會消失。 通過閱讀其他帖子，我非常清楚我必須做什么。 但我沒有讓代碼工作，因為我對 javascript 完全陌生，可能只是做錯了什么。

單擊鏈接時要隱藏的 div（在同一個 div 中）是用 class mobilemenuitems 定義的

正如我已經提到的，鏈接在這個 div 中。

不幸的是，我無法在鏈接中添加 class 或 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

我相信當單擊其中的任何鏈接時，您正在嘗試使用 class 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/