仅在移动设备上的 jQuery 下拉效果答案

【问题标题】：jQuery Dropdown Effects only on Mobile仅在移动设备上的 jQuery 下拉效果
【发布时间】：2012-11-19 23:01:28
【问题描述】：

目前，我已将移动导航设置为创建下拉功能。您可以在此处查看一个工作示例（只需将浏览器拉小即可查看移动导航）： 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效果只适用于移动导航吗？

【问题讨论】：

标签： jquery wordpress mobile navigation

【解决方案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();
  });
});

【讨论】：