2011-02-06 4 views
0

これは大きなスクリプトであり、誰もがこのすべてを読むことを望んでいるとは思わないので、これは長時間です。しかし、はここに入ります。アニメーション機能とインターネットエクスプローラー

私は、要素のリストのスタイルプロパティをアニメーション化するアニメーション関数を持っています。この機能はhereです。今はクロスブラウザーの不透明度をすべて知っていて、手動で設定することができます。つまり、要素の不透明度を.5(IEの場合は50)に設定でき、すべてのブラウザーで完璧に動作します。関数を使って不透明度プロパティをアニメーション化しようとすると、動きません。

あなたがそこに見ることができるように、ちょうどalpha(opacity=x)のIEのメソッドを得るために多くのコードがあります。

例としては、this fiddleを参照してください。大変申し訳ありません。 IE以外のブラウザでFade to .5 opacity on click.という段落タグをクリックした場合、テスト対象であるため、0にフェードします.5ではなくフェードします。 IEで同じタグをクリックすると、何も起こりません。

私は誰もこのような複雑で具体的な問題を手伝うことができないだろうと思っていますが、どんな提案も高く評価されます。

+1

は、 'css()'と 'animate()'の両方でopacityロジックを2回実装しているようです。それはあなたが高性能を目指しているにもかかわらず、悪いデザインのIMOです。これを修正すると、アニメーションは動作中の 'css()'関数に依存し、動作するので、 'animate()'が動作します。私の2c – davin

+0

ウェブページのエラーの詳細 ユーザエージェント:Mozilla/4.0(互換性、MSIE 8.0、Windows NT 5.1、Trident/4.0、.NET CLR 2.0.50727、.NET CLR 3.0.4506.2152、.NET CLR 3.5.30729) タイムスタンプ:日、2011年2月6日午前12時19分47秒UTC メッセージ:オブジェクトが期待 ライン:1 のChar:21 コード:0 URI:http://fiddle.jshell.net/Wolfy87/aqE3n/11/ show/ – kirilloid

+0

私はそのオブジェクトも期待していますが、エラーはHTMLタグから来ているので、私は信じています.Sと優れたポイントダビン!私はこれをしないと信じられない。それはそれほど解決するでしょう、それを指摘していただきありがとうございます。 – Olical

答えて

1

opacityロジックを2回実装しているようです(css()animate()の両方)。それは、あなたが高性能を目指しているにもかかわらず、悪いデザインのIMOです。これを修正すると、animate()は正常に動作するcss()関数に依存し、動作するのでanimate()が機能します。