javascript - 在菜单中滑动以隐藏然后点击链接

标签 javascript jquery

我有一个从左边滑出的菜单。我想要它,以便在单击菜单中的链接时,菜单会滑开,然后跟随链接。下面的代码使菜单滑开,但由于某种原因,该链接被忽略且未被访问。我怎样才能将其更改为也跟随该链接?

// close menu when links in menu are clicked    
$(document).ready(function () {
    $("#menu-subcat > a").on("click", function(e){
        if($(this).parent().has("ul")) {
            e.preventDefault();
        }
            $("#nav-slider").addClass("closed-slide");
            $("#nav-slider").removeClass("open-slide");
    });
});

最佳答案

您告诉链接不要使用此代码触发其默认操作:

e.preventDefault();

您可以删除它(以及周围的 if 语句)或调整您的代码,以便在您的关闭动画完成后跟随该链接。

关于javascript - 在菜单中滑动以隐藏然后点击链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33719172/

相关文章:

javascript - 具有很少角色访问权限的 Angular JWT

javascript - 如何在Kinetic JS中绘制部分贝塞尔曲线

javascript - Jquery中的点击事件

javascript - JS : Add +1 to variable when check 1 of checkboxes in a group (show tooltip)

jquery - 是否可以关闭 iframe 内的 beautifulphoto 模式?

javascript - AngularJS:在更改/输入/立即显示表单输入错误

javascript - GDPR : youtube-nocookie embedded URL's, 需要访问者的许可吗?

javascript - 如何以始终生成唯一值的方式确定性地组合整数?

javascript - 从 oninput 事件 Javascript/jQuery 获取文本

javascript - jQuery/基础 : Uncaught TypeError: Object #<Object> has no method 'hover'