0

ホバー時に子 UL を表示し、マウスを離すとフェードアウトするようにスライドダウンする jQuery ナビゲーション メニューを作成しようとしています。次のコードは、ブラウザーごとに非常に異なる動作をします。

皆さんが問題を見つけられることを願っています。

    jQuery(document).ready(function(){ 
 // menu effects
 this.navLi = jQuery('nav ul li').children('ul').hide().end();
  this.navLi.hover(function() {
   // mouseover
  jQuery(this).find('> ul').stop(true, true).slideDown(300);
  }, function() {
   // mouseout
   jQuery(this).find('> ul').stop(true, true).fadeOut(300);   
 });
});

IE7 と 8 のスライドとフェードアウトが機能する FF スライドが機能する フェードアウトが機能しない Chrome スライドが機能するのは 1 回目と 2 回目だけで、フェードアウトがまったく機能しない

どちらもWebkitであるため、SafariはChromeと同じです...

理由を知っているかどうか教えてください..最も感謝しています。

4

1 に答える 1

0

ほとんどの場合、問題は最初のセレクターにあります。要素IDであるかjQuery('#nav ul li')、クラスである必要があります。コードに基づいた簡略化された例を参照してください。navjQuery('.nav ul li')

于 2010-12-02T03:58:38.853 に答える