javascript - jQuery 点击功能在页面加载时启动

标签 javascript jquery html css

我一直试图自己解决这个问题,并在谷歌上进行了搜索,但我不知道问题出在哪里,点击功能在页面加载时一直启动。请解释问题以及如何解决它。谢谢。

$(document).ready(function(){

    $('.menu-icon').click(function(){
       $('.menu-nav').animate({
            height: 'toggle'
          }, 200
       );
  });
});

最佳答案

它不会在页面加载时触发。它与您的 css 而不是 javascript 代码有关。 Javascript 正在按预期工作。您需要在页面首次加载时将菜单设置为隐藏。 请看这个

https://jsfiddle.net/vatsalpande/zmoko9yk/1/

添加

display:none to .menu-nav

希望这对您有所帮助。

快乐学习

瓦萨尔

关于javascript - jQuery 点击功能在页面加载时启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39627543/

相关文章:

Javascript 字符串操作

javascript - 第一次加载时只加载页面的一部分

jquery - 在 jQuery 中,如何在函数中对 css 进行多次更改?

html - 绝对 child 的相对高度,有一个相对的 parent

javascript - 数据表响应不适用于 ajax 调用

javascript - 'express' 未定义 no-undef

javascript - Slick Carousel 不适用于 Foundation 5 并且在 Firefox 中需要 JS

javascript - 从下拉列表中选择和取消选择

javascript - 使用 jQuery 从下拉列表(选择框)中获取选定的文本

html - 垂直对齐 : middle on td in IE8 (ok in IE7/FF/Chrome)