2012-11-22 222 views
1

我正在做一些東西,事後我注意到延遲功能在IE中工作正常,但在Chrome中並沒有做任何事情,我真的不知道爲什麼。這真的是基本的東西。所以在我開始改變一切setTimeout函數之前,我想請教一下。jQuery .delay()不工作在Chrome瀏覽器,但在IE瀏覽器中罰款

非常感謝提前!

$(document).ready(function() { 

    $("#start").width(0); 
    $("#start").delay(1000).animate({ 
     width: '280px' 
    }, 750); 

    $("#info").delay(2500).fadeIn(5000); 

    $("#in").delay(1250).fadeIn(1000); 
    $("#plusmin").fadeIn(2000); 

    $('#arrow').delay(2000).fadeIn(4000); 
});​ 
+0

jquery的什麼版本? jsFiddle? – bang

+2

在Chrome中工作... http://jsfiddle.net/bZezzz/W29Yr/ – bZezzz

+0

如下所述,setTimeout()將是一個很好的選擇 – alimac83

回答

1

實例:在我的Chrome V23 http://jsfiddle.net/xwVF6/

工作正常。

請確保您沒有多個相同的ID,並且正在使用更新的jquery版本(最新版本是1.3,這是在添加延遲時)。

否則請提供一些HTML ;-)

SetTimeout()如果你正在依賴動畫(顯示A,然後顯示B A等後0.5秒)可能會更好。

+0

好的謝謝。我看到它的工作,但我仍然沒有。所以一定有其他的東西... 所以這裏是我正在工作的實際頁面:http://vangils.imaxxserver.be/ – user1844439

+0

你使用fancybox,但腳本不包括在內,所以它會拋出一個錯誤。我試圖調試延遲;-) –

+0

還沒有,將被添加到後面的頁面。 – user1844439

1

創建了一個示例。而在Chrome其做工精細

#start {background-color:#000;height:100px;} 
#info {background-color:red;height:100px;display:none} 
#in {background-color:green;height:100px;display:none} 
#plusmin {background-color:yellow;height:100px;display:none} 
#arrow {background-color:blue;height:100px;display:none}​ 

Sample

相關問題