Javascript边栏错误 - 单击边栏按钮之前的边栏显示

Question

JavaScript切换按钮不起作用。

当我调整屏幕大小时，它已经被激活。

注意：如果您不理解，请在http://www.createchhub.com 处查看并调整屏幕大小。

导航栏是下拉菜单，但是当我点击按钮时，我希望它下拉菜单。

<script> 
    $(document).ready(function() { 
     $('body').addClass('js'); 
     var $menu = $('#menu'), 
      $menulink = $('.menu-link'); 

     $menulink.click(function() { 
      $menulink.toggleClass('active'); 
      $menu.toggleClass('active'); 
      return false; 
     }); 
    }); 
</script> 

Answer 1

问题：你调用文件准备好您的切换方法。这就是为什么当doc准备就绪时它会自动打开。

解决方案：试试这个，它符合您的要求。

的Javascript：

<script > 

$(document).ready(function() { 
    $('body').addClass('js'); 
    var $menu = $('#menu'), 
    $menulink = $('.menu-link'); 
}); 

$menulink.click(function() { 
    $menulink.toggleClass('active'); 
    $menu.toggleClass('active'); 
    return false; 
}); 
</script> 

---

HTML

<a href="#menu" class="menu-link">Menu</a>