0

現在、ドロップダウン機能を作成するようにモバイルナビゲーションを設定しています。ここで実際の例を見ることができます(ブラウザを小さく引っ張ってモバイルナビゲーションを表示するだけです):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エフェクトをモバイルナビゲーションにのみ適用する方法を知っている人はいますか?

4

1 に答える 1

0

ああ、話が早すぎた。これで解決:

$(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();
  });
}); 
于 2012-11-19T23:22:35.683 に答える