优化移动菜单的小jQuery脚本

时间:2014-01-16 10:02:31

标签: jquery performance

我有以下jQuery脚本。 它处理响应式菜单的显示(在移动屏幕中切换菜单显示),还可以在恢复浏览器窗口大小后在桌面浏览器中恢复菜单的显示。 该脚本没有问题。我想知道是否还有改进的余地......对于这个有效的方法是什么,所以当屏幕尺寸大于768px时,脚本不必运行不需要的功能。

jQuery(document).ready(function($) {
   $('.menu-toggle').click(function() {
      $('.navmenu').slideToggle('fast');    
   });

   $('.menu-toggle a').click(function(e) {
      e.preventDefault();
   });  

   $(window).resize( function() {
      var w = $(window).width();
      if (w > 768) {
         $('.navmenu').css('display','')
      }
   });
});

0 个答案:

没有答案