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>