jQuery的菜單關閉後點擊鏈接

我使用http://www.hongkiat.com/blog/responsive-web-nav/本教程正是爲我的網站的菜單，但唯一的問題是我作出了一個頁面的網站。我想移動菜單關閉我點擊後，「關於」爲例。以便它滾動到底部。jQuery的菜單關閉後點擊鏈接

我希望你能幫助我。

這是我的鱈魚：

 <!-- Menu Navigation Start --> 
    <nav class="clearfix"> 
     <ul class="clearfix"> 
      <li><a href="#">k</a></li> 
      <li><a href="#">How-to</a></li> 
      <li><a href="#">Icons</a></li> 
      <li><a href="#">Design</a></li> 
      <li><a href="#">Web 2.0</a></li> 
      <li><a href="#">Tools</a></li>  
     </ul> 
       <a href="#" id="pull">Menu</a> 
    </nav>

這是JavaScript：

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

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

     $(window).resize(function(){ 
      var w = $(window).width(); 
      if(w > 320 && menu.is(':hidden')) { 
       menu.removeAttr('style'); 
      } 
     }); 


    }); 



</script>

來源

2013-09-27 Stef Blokdijk

你可以發佈您的代碼 –

的selecor是錯誤的

，如果你有

var pull  = $('#pull');

豈不它是

pull.on('click', function(e) {...

或只是

$('#pull').on(...)

來源

2013-09-27 20:56:05 Blaise

試試這個。點擊一個導航項目時，它會執行的slideToggle功能。

menu.find('a').click(function(){ 
    menu.slideToggle(); 
});

來源

2013-09-27 20:58:22

如果想效果基本show菜單當你點擊它之外，你可以使用的方法

stopPropagation();

http://jsfiddle.net/Joseph82/jwNEZ/

來源

2013-09-27 22:33:37 GVillani82

謝謝你，但是，我有一個問題。如果我在桌面大小的菜單，如果我點擊一些頁面上的菜單消失 –

jQuery的菜單關閉後點擊鏈接

回答

相關問題