Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击链接时,我的jQuery导航菜单视图会跳转_Javascript_Html_Jquery - Fatal编程技术网

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

Javascript 单击链接时,我的jQuery导航菜单视图会跳转,javascript,html,jquery,Javascript,Html,Jquery,如果你看我的代码笔并向下滚动到页面底部,然后单击下拉链接,视图会跳转吗 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(

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

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();
}

以下是对代码的更新:

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

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

这是否回答了您的问题?你能给我一个解决方案吗我不知道jquery这个链接上有很多解决方案不需要jquery。请花点力气读一小段文字。事实上,您的问题与jquery完全无关抱歉我找到了,谢谢