jquery - 仅在移动设备上的 jQuery 下拉效果

Question

目前，我已将移动导航设置为创建下拉功能。您可以在这里看到一个工作示例（只需将浏览器拉小即可查看移动导航）：http: //goo.gl/TzPPd

问题是 jQuery 下拉效果也被应用于非移动导航，这导致了一些问题。我希望 jQuery 效果仅适用于移动导航，这是我目前使用的代码：

$(function() {
  $('ul.menu > li > a').click(function(e) {
    $('ul.sub-menu').slideUp('normal');
      if($(this).next('ul.sub-menu').is(':hidden') === true) {    
        $(this).next('ul.sub-menu').slideDown('normal');
      }
   e.preventDefault();
  });
}); 

我试过这个，但没有运气：

$(function() {
  $('#main-nav_responsive > ul.menu > li > a').click(function(e) {
    $('#main-nav_responsive > ul.sub-menu').slideUp('normal');
      if($(this).next('#main-nav_responsive > ul.sub-menu').is(':hidden') === true) {    
        $(this).next('#main-nav_responsive > ul.sub-menu').slideDown('normal');
      }
    e.preventDefault();
  });
}); 

任何人都知道如何使 jQuery 效果仅适用于移动导航？

Answer 1

啊，话说得太早了。解决了这个问题：

$(function() {
  $('#main-nav_responsive ul.menu > li > a').click(function(e) {
    $('#main-nav_responsive ul.sub-menu').slideUp('normal');
      if($(this).next('#main-nav_responsive ul.sub-menu').is(':hidden') === true) {    
        $(this).next('#main-nav_responsive ul.sub-menu').slideDown('normal');
      }
    e.preventDefault();
  });
});