jQuery拉菜單事件

Question

我有一個窗口大小小於690的響應菜單。當屏幕大小調整後，拉菜單出現一個簡單的菜單按鈕。我有一個slideToggle（）工作很好，但似乎無法弄清楚如何摺疊菜單一旦鏈接已被選中，沒有它影響窗口大小超過690.任何想法或幫助將不勝感激。

<script> 
     $(function() { 
      var pull = $('#pull'); 
       menu = $('nav ul'); 
       w = $(window).width(); 
       link = $('nav ul li'); 
       menuHeight = menu.height(); 

      $(pull).on('click', function(e) { 
       e.preventDefault(); 
       menu.slideToggle(); 
      }); 

     }); 

     $(window).resize(function(){ 
      var w = $(window).width(); 
       menu = $('nav ul'); 
       link = $('nav ul li a'); 

      if(w > 690 && menu.is(':hidden')) { 
       menu.removeAttr('style'); 
      } 
     }); 
    </script> 

Answer 1

嘗試菜單上的項目，像這樣結合的Click事件：

$('nav ul li a').click(function(){ 
    if($(window).width() <= 690) 
     menu.slideToggle(); 
});