jquery - 切换页面时我的下拉菜单有一个小问题

Question

切换到另一个页面时，我的下拉菜单出现了一个小问题。当我按下我的菜单标签按钮时，导航栏向下滑动，然后当我继续到另一个页面时，如果下拉菜单处于打开状态，则下拉菜单会起作用，但当我再次按下菜单标签按钮时，导航栏会向上滑动而不是向下滑动然后它正常工作。

切换页面时，如何使滑动条恢复正常？ 我希望你明白我的意思，否则我会尽力澄清

HTML

<nav id="navBar">
    <ul id="mainNav">
        <li class="hem"><a href="index.html">Hem</a></li>
        <li><a href="kontakt.html">Kontakt</a></li>
        <li><a href="om.html">Om</a></li>
    </ul>
</nav>

CSS

#navBar {
    display:none;
    position:relative;

}

#navBar.active{
    display:block;
    height:auto;

}

#mainNav {

    background:#202020;

}

#mainNav li {
    padding:6px 0;
}

#mainNav a {
    color:white;
    font-weight:bold;

}

#mainNav li:hover {
    background-color:#f3ba32;

}

JQUERY

$("#menulabel").click(function() {
    $("#navBar").toggleClass("active").slideToggle(300);

});

Answer 1

如果您还没有尝试过，是否可以在每次页面加载时简单地重置它？

$(document).ready(function () {
   $("#navBar").removeClass("active");
});

此外，您确定要为此行为使用点击吗？您是否看过简单地使用悬停？

jquery menu hovering

http://api.jquery.com/hover/

Jquery menu with sub menu hover