Question

$(document).click(function (event) {
    if ($("#sidenav").width() != 0) {
        $("#sidenav").css({ 'width': '0' });

    }
});



$("#sidenav").click(function (e) {
    e.stopPropagation();
    return false;

});

$("#navHome").click(function () {
    $("#navHome").attr("href", "/public/templates/default/index.html");
    $("#sidenav").css({ 'width': '0' });
});

1）如果用户单击导航栏以外的任何位置，则$(document).click(function (event)函数将关闭导航栏

2）$("#sidenav").click(function (e)功能可防止在用户单击导航栏内的任何地方时关闭导航栏

3）现在由于第二个功能中的e.stopPropagation();，当我单击navHome时，它确实关闭了navBar，但没有带我进入索引页面。换句话说，$("#navHome").attr("href","/public/templates/default/index.html");不起作用。

是否可以解决此问题？谢谢！

Answer 1

如果目标是链接，请不要取消点击

$("#sidenav").click(function (e) {  
  if(!$(e.target).closest("a").length) {
    e.stopPropagation();
    return false;
  }
});

我的移动菜单栏中的Href链接不起作用

1 个答案: