Twitterでkevinlearynet従ってください!

kevinleary.net

jQueryのfadeIn()&フェードアウト():Internet Explorerでの問題

1月16日、2010年まで私はこのためのjQueryの1.4 fadeInを使用してデモをアップグレード()およびフェードアウト20日()の問題だIE7とIE8の固定する。

私はjQueryの仕事をいくつかの問題に気づいた。 私が。fadeIn()または。フェードアウト()を使用、Internet Explorerで醜いピクセル化されたテキストを参照してください方法。

プレビュー/サンプル/デモ

Internet Explorerで、jQueryのフェージングの問題

どのように固定されて

その内、またはフェードアウトされている要素のCSSで背景色を設定します。

代替方法

場合と、このjQueryプラグインを上記の方法で問題が発生している。

ビルのおかげで :私はどこからが、この得た場合は、それを見つけることがGoogleのリコールすることはできません。 この方法(jqueryの1.4でテスト済み)ではなく、問題を解決することです。

この関数を使用します。 ''フェードアウト'変更customFadeOut'。 ビルのセットアップのサンプルは、 デモページにアクセスすることができます。

  ( $ ) {  関数 ($)(
	 = function ( speed , callback ) { $。 押すFn。customFadeIn = 関数 速度コールバック)(
		 ) . fadeIn ( speed , function ( ) { $( この )。fadeIn(速度 関数 ()(
			 ! $. support . opacity ) 場合 (!$。 サポートします不透明度 
				 ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $( この )(0) 取得 。。。 スタイルです 。('フィルタ' removeAttribute);
			 callback != undefined ) の場合 コールバック!=未定義
				コールバック();
		 ));
	 );
	 = function ( speed , callback ) { $。 押すFn。customFadeOut = 関数 速度コールバック)(
		 ) . fadeOut ( speed , function ( ) { $( この )。 フェードアウト 速度 関数 ()(
			 ! $. support . opacity ) 場合 (!$。 サポートします不透明度 
				 ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $( この )(0) 取得 。。。 スタイルです 。('フィルタ' removeAttribute);
			 callback != undefined ) の場合 コールバック!=未定義
				コールバック();
		 ));
	 );
	 = function ( speed , to , callback ) { $。 押すFn。customFadeTo = 関数 速度コールバック)(
		 ( { opacity : to } , speed , function ( ) { この返しますアニメーション ((不透明)、速度 関数 ()(
			 to == 1 && jQuery. browser . msie ) (以下 == 1&&jQueryの。 ブラウザの 場合 。msie)
				 . removeAttribute ( 'filter' ) ; この様式 )( は'filter' removeAttribute;
			 jQuery. isFunction ( callback ) ) 場合 (jQuery. isFunction(コールバック))
				コールバック();
		 ));
	 );
 ; ))(jQuery); 

リソース

このウェブサイトが、IntenseDebateのコメントを使用するためのいずれかのブラウザがJavaScriptをサポートしていないか、または十分な速度でロードされませんでしたが、現在読み込まれていません。

10コメント

  1. 4:01 AM jQueryのfadeIn()&フェードアウト() -バグのは、Internet Explorer » PinceladasダのWeb - ReflexõesアイコのXHTML、CSS、PHPの電子WebStandards / 11.4.08 / 4:01

    [...]デケビンリアリーモノconsiste simplesmente日追加のmas acabei encontradoユマsolução muito interessanteないサイトユマコーデfundoライブelementoケセラセラaplicado図書館[...]

  2. 1:43 PM ジョン / 10.11.09 / 13:43

    保存された私に多くの時間をこの1つ - のおかげで!

  3. 7:56 PM アレクサンドルオリベイラ / 11.12.09 / 19:56

    Ohhh私! 私はこの信じられない...

    IEのは意外な私。

  4. 10:20 PM @ dangerdave / 12.7.09 / 22:20

    この有望なようだけど、IE8はWin7(オン)と、"かなり"フェードインでデモをしようと同じように壊れたと、かなり色褪せしないインとしてpixellatedに見えます。 ああ。

  5. 11:07 PM kevinlearynet / 12.7.09 / 23:07

    たとえば、Dave Winer、

    あまりにも悪いの - そして私は7のような偉大なことを聞いたことがある。 私は、XPのをコピーして問題があるIE8の両方の例については、固定する(も)悪いようだ。 まで、私はWindows 7のコピーを取得するVMware上でどのようにこの1つのヘルプをするのか分からないが読み込まれます。 の平均時間の場合、または他の誰を見つけるの原因の/ソリューションを誰も教えてください。

  6. 11:41 AM ステファン / 1.4.10 / 11:41

    これに感謝! それは私公正な数時間..にとって頭痛の種を与えていた

    Cheeeeeeeeeeeers!

  7. 2:35 AM 新鮮 / 1.16.10 / 2:35

    ケビンは、共有をありがとう! しかし、私は、body要素の下に、複雑な背景がある場合、私は、背景色を設定することはできません? もし私のBGの色を設定、それは本当に以外の醜いフラットカラーbgになります。 あなたは他のソリューションを知っている? であっても、ハード1? :-)

  8. 4:23 PM kevinlearynet / 1.19.10 / 16:23

    私は、新鮮でも、タフな1のための修正プログラムを知っていると言うことはできません。 いくつかの類似のシナリオstackoverflow.com付近掘削を検討する必要があります:

    jQueryのfadeIn IEの"については、<a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com検索"

    もし私は、新しいエントリを投稿したい何かを見つけることができません。 Stackoverflowされて信じられないほど私にとっては、このような先進的なjQueryのシナリオでは特に有用です。

    幸運と感謝の掲載に最適!

  9. 7:24 AM 法案 / 1.20.10 / 7:24

    私はどこからが、この得た場合は、それを見つけることがGoogleのリコールすることはできません。 この方法(jqueryの1.4でテスト済み)ではなく、問題を解決することです。

    この関数を使用します。 'を'フェードアウト'変更customFadeOut'。

    (関数($)(
    $。fn.customFadeIn =関数(速度、コールバック)(
    $(この)。fadeIn(速度、関数()(
    場合(!$。support.opacity)
    $(この)(0)を取得。。。('フィルタ'style.removeAttribute);
    の場合(コールバック!=未定義)
    コールバック();
    ));
    );
    $。fn.customFadeOut =関数(速度、コールバック)(
    $(この)。フェードアウト(速度、関数()(
    場合(!$。support.opacity)
    $(この)(0)を取得。。。('フィルタ'style.removeAttribute);
    の場合(コールバック!=未定義)
    コールバック();
    ));
    );
    $。fn.customFadeTo =関数(速度、コールバック)(
    に戻りますthis.animate((不透明:)、速度、関数()(
    (以下== 1&&jQuery.browser.msie)の場合
    this.style.removeAttribute('フィルタ');
    場合(jQuery.isFunction(コールバック))
    コールバック();
    ));
    );
    ))(jQueryの);

  10. 1:04 PM kevinlearynet / 1.20.10 / 13:04

    この法案のおかげで、私のポストにこれを追加したとソースのビューアでコードを配置。

コメントを残す

公開されません

<preとラップのコードブロックlang="LANGUAGE" line="1">"/中古"LANGUAGEがされている下司言語の構文をサポート。