我的 jQuery 导航菜单视图单击链接时跳转

Question

如果您查看我的代码笔我的代码笔并向下滚动到页面底部，然后单击下拉链接，视图会跳转吗？

var nav = $('#menu > ul > li');
nav.find('li').hide();
nav.click(function () {
    nav.not(this).find('li').hide();
    $(this).find('li').slideToggle();
});

function openNav() {
    document.getElementById("open").style.display = "none";
    document.getElementById("close").style.display = "block";
    $('#menu ul').slideToggle();
}

function closeNav() {
    document.getElementById("open").style.display = "block";
    document.getElementById("close").style.display = "none";
    $('#menu ul').slideToggle();
}

Answer 1

这是您的代码的更新：

//...
nav.click(function (e) {
    e.preventDefault();
    nav.not(this).find('li').hide();
    $(this).find('li').slideToggle();
});
//...

说明：您必须传递自引用并使用preventDetault()方法来覆盖默认行为。