我的全屏菜单不起作用。我做错了什么？

Question

所以这是我当前正在处理的网站的代码，但我不确定我在哪里搞砸了！请帮忙！我也是编码新手，所以请不要/太/苛刻。我一直在检查这个并尝试完善所有内容并尽我所能清理它以供人们查看，以便他们可以提供帮助。这样做时我也没有发现任何东西。我是 jQuery 的新手，所以我认为它与 jQuery 到文件的链接有关，或者不管它是否有效，但我完全不知道。

    PROBLEM RESOLVED

Answer 1

您应该将 click 活动放在 $(document).ready(function(){ //click event goes here }); 中。看看这个 fiddle，因为我相信一切都按您的预期进行。

这是假设您link访问正确的 JS 文件。

FIDDLE

编辑

如果您的 jQuery 文件位于文件夹的根目录中，那么只需 link 使用...

<script type="text/javascript" src="/jquery-1.11.3.min"></script>
<script type="text/javascript" src="/script.js"></script>

当然，您可以将第一个 jQuery 文件替换为您正在使用的实际版本。将它们放在您网站的页脚中。

Answer 2

确保导入 jQuery 并在完成导入后放入自己的 Javascript。

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

始终最好将 Javascript 放在 html 页面的底部，</body>

之前

Answer 3

您将从这个 link 获得所有的 cdn 库。 https://developers.google.com/speed/libraries/

将这个库放在你的 head 标签中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

并在

中添加您的脚本

$(document).ready(function(){
     /// put your script code here
 });

像这样

  $(document).ready(function(){
         $(".menu-toggle").on('click', function() {
              $(this).toggleClass("on");
              $('.menu-section').toggleClass("on");
              $("nav ul").toggleClass('hidden');
        });
     });

我的全屏菜单不起作用。我做错了什么？

My fullscreen menu won't work. What did I do wrong?

html

css

jquery

navigationbar