jQueryとIE8でフェデインとフェードアウトで問題がある

StackOverflow https://stackoverflow.com/questions/2657427

質問

これが私のサイトです： http://www.dreamweddinggroup.com/redesign そして、私は神の名前で私のフェデイン、フェードアウト、コーナー（）の機能がIE8で機能しない理由を理解するのに苦労しています。彼らはしばらく働いていましたが、今では彼らは壊れており、私はそれを理解することはできません。誰かがここで問題を引き起こすものを見ることができますか？

私が話していることを見るために、ページの下部にある「私たちについて」リンクをクリックすると、テキストが消えていくのがわかります。そして、「なぜ夢のウェディンググループ」をクリックすると、 「私たちについて」テキストが消えていくはずです、そして、それが戻ってきたとき、あなたは新しいテキストを見るでしょう。

役に立ちましたか？

解決

ねえ、私は同じトラブルを抱えていました。私はIEイメージをフェードアウトし、そのような新しいものをフェードアウトしようとしていました：

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).next(".throb").fadeIn("slow");
  });
});

機能していませんでした。しかし、フェデインはそうでした！これがIE8（IE7ではなく）に食事をするプロセッサであると推測すると、私はこれに変更しました。

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).hide();
    $(this).next(".throb").fadeIn("slow");
  });
});

そして、IE8ユーザーはアニメーションを特別な愛情を得ることができません。

他のヒント

絶対に配置されたDIVのスタックで同様の問題がありました。同時にフェードアウトしてフェードアウトしたいと思いました。FF/safariで正常に機能するコードは、IE8で動作しません：フェードアウト（）はフェードしません。解決策は、CSSを使用して、フェードインする要素のZインデックスをスタックの上部にあるように設定することであることがわかりました。

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000);
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);

IE8は、小さな画像またはテキスト領域だけでFadein自身を使用してひどいパフォーマンスを持っていることがわかりました。エンジンは基本的にアルファブレンディングが非常に悪いと思います！フルスクリーンの画像をフェードしようとしているため、パフォーマンスは非常に遅いため、フェードが表示されません。私の場合、まともなグラフィックスカードを備えたかなり強力なデスクトップでさえ、CPU使用量ロケットが50％から100％になっています。私のクライアントは問題を抱えています。なぜなら、このフェードが発生するたびに（5秒ごとに）、再生されているビデオもスキップを開始し、一般的に不安定であるからです。

私が取り組んでいる別のサイトはです http://www.urstreams.com 、箱の上にホバリングすると、Fadeinを使用して説明が表示されます。すべてのボックスの上に一度にマウスを付けると、すべての説明が同時に表示され消滅している場合、すべてのアニメーションが停止し、CPUが再びスカイワードにロケットをかけます。

本当に悪夢ですが、この段階では、IEのアルファブレンディングアニメーションに対してお勧めします。これらすべてのケースでの共通のテーマは、画像上でブレンドが発生しているということです。一般的なjQueryサンプルやテスト /ベンチマークは、プレーンバックグラウンドテストに表示されるプレーンテキストなどの基本的なシナリオに焦点を当てる傾向があるため、これは問題です。

私もIE 8のこの現象に気づいていますが、私の要素が上に浮かんでいても、それは起こるようです。空の4x4 px divがあり、インターバル（400msの間隔、次にement.fadein（100）.fadeout（500））でフェードインおよび外に出ていました。 ChromeとFirefoxがかろうじて汗をかいている間、IEが絶えず50％CPUを打っていた理由を理解するのにしばらく時間がかかりました。

IEとあなたのタスクマネージャーを起動し、 http://www.hv-designs.co.uk/tutorials/jquery/all.html 少しテストしてください。実行中のプロセスをCPU DESCで並べ替えて、すべてのテストでIEが上に上がるのを見てください（フェード+/-数百ミリ秒の期間中、1.2 GHzデュアルコアIntel SU2300の20-40 +％）簡単なテキスト段落！ FirefoxまたはChromeで同じテストを実行することは、私にとって10％の使用さえ壊しません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top