我在頁面上有兩組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 ..
我在做什麼錯?
我已經與約40盒(包括boxOne和boxTwo類型),並且它在FF,鉻,歌劇10和IE8 – TheVillageIdiot 2009-06-22 12:02:16
感謝您的支持工作正常進行了測試。 我正在測試FF。 在約10次點擊中,有兩次發生某些盒子沒有淡出。 但他們淡出如果我調整窗口大小。 發生了什麼..? – Varun 2009-06-22 12:13:39