2011-12-14 9 views
0
  1. jQuery Animationsをドロップダウンリストに利用したチュートリアルを読んだりコーディングしたりしました。
  2. ツタは比較的古い(今見ている)が、機能しました!
  3. これは、(1.4.2)以下と書かれていたjQuery のバージョンを使用してのみを処理しました。
  4. jQueryバージョン1.4.4より以降EPIC FAIL !!!メニューは表示されますが、ドロップダウンアニメーションは機能しません。
  5. 私はjQueryサイトでできることを読んだので、単には何も変わっていません。を参照してください。
  6. しかし、やはりは緑色ですです。私を顔で見つめることができました: -
  7. なぜこれはアップグレードに失敗します。

作業フィドル。 http://jsfiddle.net/pkdsleeper/ybwmW/jQueryをアップグレードした後、このメニューアニメーションコードを動作させるにはどうすればよいですか?

"容疑者"フィドル。 http://jsfiddle.net/pkdsleeper/4msLH/

ありがとうございました! 寝台

+0

あなたはあなたの質問は、それらの違いについてより明確であることを編集することができます。

ここでは、最終的なフィドルですか?あなたが「叙事詩が失敗する」と言ったとき、私はそれが爆発するか、メニューが機能しないことを期待していました - アニメーション/フェードインしないメニューを期待していませんでした。 –

+0

はい。ドロップダウンをマウスで移動します。彼らはフィドル1(すなわち、slideInとfadeOut)で動作し、フィドル2(疑わしい)で失敗する。 – sleeper

+0

@Merlyn Morgan-Graham Cool。はるかに良いタイトル! – sleeper

答えて

1

あなたのフィドルでエフェクトをオフにしていますか?それらを再び有効にしても問題は解決しませんが、これを機能させるには、それを行わなければなりません。このラインアウト

だから、最初のコメント:

// $.fx.off = true; 

次に、コードはもはや#nav li ulのためのCSSを無視していません。

あなたはこれにCSSを変更すると、それは問題を解決します:

#nav li ul 
{ 
    /*display:none; --- Get rid of this! */ 
    position:absolute; 
    left:0; 
    top:100%; 
    padding:0; 
    margin:0; 
} 

これらはすでにsiteオブジェクトのためのあなたの最初の定義で(jQueryの経由)に設定されているので、これは安全です。 http://jsfiddle.net/4msLH/40/

+0

ブラボー!それは動作します!ありがとうございました! **あなたはこのフィックスにどのように到着したのか教えていただけますか? jQueryで何か違うのか、オリジナルのCSSデザインには欠陥がありましたか? – sleeper

+0

@sleeper:私はクロムスクリプト/要素デバッガツールを開いて要素を検査し、アニメーションを邪魔しながら変更を見ました。私は 'UL 'のCSSが' display:none'とマークされていることを発見しました。私は 'css'関数を使って' hide() 'に変更してみようとしましたが、うまくいきませんでした。私はそれを取り除こうとしました、そして妙に*まだ隠されていました*。私は、CSSが "fiddle.jshell.net"から来ていることに気付きました。これは、それが右上のペインのベースCSSから来ていることを意味していました。だから私はそれを見て - 低く、見て、それはベースのCSSスクリプトで手動で設定されました。 –

+0

その前に、1.4.whatever(私の実験で壊れた最初のバージョン)の変更ログを調べましたが、あまり興味深いものは見つかりませんでした。 40奇妙なバグフィックスへのリンクがありましたが、バグトラッカーへのリンクが壊れていました。 –

関連する問題