jQuery点击功能在页面加载时激活

Question

我一直试图自己解决这个问题并在谷歌搜索但我不知道问题是什么，点击功能一直在页面加载。请解释问题以及如何解决问题。感谢。

$(document).ready(function(){

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

Answer 1

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

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

添加

parseInt(MinorAxis.textContent)

希望这有帮助。

快乐学习

Vatsal

Answer 2

尝试点击这样的点击事件：

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