4

以下のfadeIn、fadeOut効果は Firefox 3.0 では正常に動作しますが、IE 7 では動作しません ... どうしてですか? また、そのトリックは何ですか? アイデアはもちろん、「まばたき」効果を得て、ユーザーの注意を表の特定の行に引き付けることです。 

function highLightErrorsAndWarnings() {
            $(".status-error").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
            $(".status-warning").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
        }

更新:ばかげた問題が見つかりました...「.status-error」は tr 要素を指しています。背景色を設定して Firefox の tr でフェードすることはできますが、IE ではできません。「CSS ポインタ」を「.status-error td」に変更すると、tr の下の td を指すようになり、すべてのブラウザですべてが機能しました。

4

3 に答える 3

5

奇妙な..なぜその問題が発生しているのかわかりませんが、脈動効果プラグインを試してみませんか? http://docs.jquery.com/UI/Effects/Pulsate

于 2008-12-09T16:59:31.160 に答える
1

さて、私はこの問題に対処するためにさまざまな方法を試しました。私が使用するアプローチは、テキストのdown and dirty背景色と前景色を検出しdiv/span/etc、色の変化でアニメーション化することです。

このスニペットは、テキストを1回「脈動」させます（次の方法で、それをさらに実行する関数を作成できます。

$.fn.crossBrowserPulsate = function() {
    var startColor = $(this).css("background-color");
    var endColor = $(this).css("color");

    $(this).animate({color:startColor},500,
     function() {
      $(this).animate({color:endColor},500,
       ...
      )}
    );
}
于 2010-01-31T04:20:33.680 に答える
1

同様の問題がありますが、さまざまな理由で代わりに td を選択できません。

あなたも影響を受けている場合は、fadeIn の代わりに show を使用してみてください。同様に壊れたfadeToを使用しているので、これも役に立ちません:(

jQuery のバグがここで公開されています - http://dev.jquery.com/ticket/5451

影響を受ける場合は、チケットにコメントしてください。

于 2009-12-24T17:16:30.597 に答える