2009-06-22 45 views
1

我在頁面上有兩組boxex。 10盒屬於類型「boxOne」 和另一個10屬於類「boxTwo」
有一個按鈕。點擊按鈕我使用jQuery效果突出顯示,然後淡化屬於「Boxone」和「Boxtwo」類的所有元素的背景顏色。jquery高亮淡入淡出 - 超時問題

以下是代碼。

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()函數沒有被均勻地應用於所有屬於該類別的元素...這是apllied只有少數elments ..
我在做什麼錯?

+0

我已經與約40盒(包括boxOne和boxTwo類型),並且它在FF,鉻,歌劇10和IE8 – TheVillageIdiot 2009-06-22 12:02:16

+0

感謝您的支持工作正常進行了測試。 我正在測試FF。 在約10次點擊中,有兩次發生某些盒子沒有淡出。 但他們淡出如果我調整窗口大小。 發生了什麼..? – Varun 2009-06-22 12:13:39

回答

0

也許首先檢查Javascript代碼的語法。不一致的語法會導致不同瀏覽器的結果不一致。

0

你似乎缺少周圍.boxOne和.boxTwo幾個引號在一些地方。不知道這是一個格式錯誤還是故意的。可能會導致某些瀏覽器出現問題。