Question

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

    PROBLEM RESOLVED

Answer 1

您应该将click事件放在$(document).ready(function(){ //click event goes here });内。看看这个小提琴，因为我相信一切都按照你的意图运作。

这假设您正在链接到正确的JS文件。

FIDDLE

修改

如果您的jQuery文件位于文件夹的根目录中，那么只需使用...
链接到它们
<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>

在</body>

之前，最好将您的Javascript放在html页面的底部

Answer 3

您将从此链接获取所有cdn库。 https://developers.google.com/speed/libraries/

将此库放在头标记

中

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

我的全屏菜单无效。我做错了什么？

3 个答案: