1

1ページに2セットのboxexがあります。クラス「boxOne」に属する10個のボックスとクラス「boxTwo」に属する別の10個のボックス
ボタンがあります。ボタンをクリックすると、jquery効果を使用して、クラス「Boxone」および「Boxtwo」に属するすべての要素の背景色を強調表示してからフェードします。

以下はコードです。

var colorOfBox1 = "'" + $(.boxOne).css('backgroundColor') + "'";  
$(.boxOne).animate(
    { 'backgroundColor': "#FF9900" }, 
    { 'queue': false, 'duration': 1000 });

setTimeout( function(){  
        $(.boxOne).animate(
          { 'backgroundColor': colorOfBox1}, 
        {'queue': false, 'duration': 2000} 
      );
}, 2000);

var colorOfBox2 = "'" + $(".boxTwo).css("backgroundColor") + "'";  
$('.boxTwo').animate({ 'backgroundColor': "#FF9900" }, {'queue': false, 'duration': 1000});  
  setTimeout(
    function(){
        $('.boxTwo).animate(  
            { 'backgroundColor': colorOfBox2 }, 
                {'queue': false, 'duration': 2000} 
          );
}, 2000);

ボタンをクリックすると、すべてのボックスが指定された色で強調表示されます。問題は、これらのボックスの一部がフェードアウトしない場合があることです。それらの背景は強調表示されたままです。これは、一貫性がない場合に発生することがあります。一貫した振る舞いが欲しい。

setTimeOut（）関数がそのクラスに属するすべての要素に均一に適用されていないことがわかります...それは少数の要素にのみ適用されます
。

4

3 に答える 3

1

今私はこのプラグインを使用しています、そしてそれはちょうどうまくいきます。

http://jquery.offput.ca/highlightFade/old.php

于 2009-10-02T13:54:44.870 に答える
0

一部の場所で、.boxOneと.boxTwoの前後にいくつかの引用符が欠落しているようです。それがフォーマットエラーなのか意図的なものなのかわからない。一部のブラウザで問題が発生している可能性があります。

于 2009-06-22T16:34:31.740 に答える
0

おそらく、最初にJavascriptコードの構文を確認してください。構文に一貫性がないと、ブラウザごとに結果に一貫性がなくなります。

于 2009-06-22T13:40:35.557 に答える