2010-12-02 16 views
0

jQueryのナビゲーションメニューを作成しようとしていますが、マウスを動かすとホバーとフェードアウトしたときに子供のULを表示するようにスライドし、次のコードはブラウザによって大きく異なります。jQueryメニューのヘルプ

あなたが問題に気づくことを願っています。

IE7と8スライドとフェードアウトが FFスライドはフェードアウトが動作しない クロームスライドのみが1回目と2回目の作品、それが動作しないとフェードアウトはすべて

同じサファリでは動作しませんワークス

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); 
}); 
}); 

クロムのように両方のウェブキットです...

私はあなたが知っているかどうか知りましょう。

+0

私はそれを解決しました...それはjQueryエフェクトを追加する前に子どもたちのULに宣言された "display:none"がありましたので今jQueryで表示します:それを固定したhide()関数を呼び出してください... –

答えて

0

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

+0

返信ありがとうございますが、それはセレクタではありません...すべてのブラウザで動作しますが、いくつかのものは2番目のホバリングでは動作しませんいくつかのフェードアウトは機能しません。しかし、試みてくれてありがとう.. –