jQuery click函数在页面加载时启动

Question

我一直在试图自己解决这个问题，并在google上进行搜索，但是我不知道问题出在哪里，单击功能会不断增加页面加载量。 请说明问题及其解决方法。 谢谢。

$(document).ready(function(){

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

Answer 1

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

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

加

display:none to .menu-nav

希望这可以帮助。

快乐学习

瓦萨尔

Answer 2

尝试使用如下单击事件进行操作：

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