Question

我有一个可以正常使用的移动菜单，但是当我的链接是锚点时，菜单不会关闭。

我添加了一个事件监听器，但我认为我可能有错误。

功能应该是：当用户点击li中的div时，请转到其预定的页面。如果链接是锚点，则转到页面并关闭菜单。

代码是：

$('.mobile-menu-button').click(function(e) {
    e.preventDefault();
    $('#mobileMenu').slideToggle('slow');

    $(this).addEventListener('click', function() {
        $('#mobileMenu').slideToggle('fast');
    })
});

小提琴：https://jsfiddle.net/pq9ubasz/1/

Answer 1

您不必阻止链接的传播。您只需点击任意列表项

即可关闭菜单

$('#mobile-menu li').click(function() {
    $('#mobileMenu').slideToggle('fast');
});

Answer 2

尝试：

$('#mobileMenu a, .mobile-menu-button').click(function() {
    $('#mobileMenu').slideToggle();
});

jsfiddle：https://jsfiddle.net/pq9ubasz/4/

Jquery检测单击并关闭导航

2 个答案: