Question

我刚开始学习javascript和jQuery，所以现在想了解基础知识！我似乎无法使toggleClass正常工作。单击显示菜单时，什么也没有显示。

当我在Chrome中进行测试时，我在同一目录中有jquery.js，其余的代码也存在。

我的错误可能是非常明显的（通常是），但是真的很感谢任何帮助！下面的代码是我正在学习的课程中给出的一个示例的副本，希望在应用我自己的代码之前使其能够正常工作。

<head>
    <style src="nav.css"></style>
</head>

<body>
    <a href="menu.html" class="show-menu">Show Menu</a>
<nav>
    <a href="about.html">About</a>
    <a href="blog.html">Blog</a>
    <a href="contact.html">Contact</a>
</nav>

<script src="jquery.js"></script>
<script src="nav.js"></script>
</body>

$('nav').hide()

$('a.show-menu').on('click', function(event){
    $('nav').toggleClass('show')
    event.preventDefault()
})

nav{
    opacity: 0;
    transform: translate(0, 10px);
    transition: all 0.5s;
}

nav.show {
    opacity: 1;
    transform: translate(0, 0);
}

Answer 1

很好的开始！

您唯一需要做的就是删除Params

发生了什么：$('nav').hide()与CSS的hide()类似，并且您的CSS不会覆盖它。

如何修复toggleClass jQuery无法正常运行

1 个答案: