2014-03-25 33 views
-4

我正在使用下面的代碼在我的幻燈片中爲動畫標題。它在我的本地主機工作正常,但只要我上傳它生活似乎並沒有工作。jQuery在localhost中工作,但沒有活的時候?

我的所有文件都鏈接正確我只是不明白爲什麼會發生這種情況。

我想知道是否有人可以看到代碼有任何問題,或者可能有這個原因。

$(window).load(function() { 

doIt(); 

function doIt(){ 
    $('#title1').fadeIn('fast', function() { 
    $('#title1').addClass('animated title-pop'); 
}) 
$('#title1').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend 
animationend', function() { 
$('#title1').delay(8200).fadeOut(2000, function() {doIt();}); 
}); 
}; 

doItTwo(); 

function doItTwo(){ 
    $('#title2').fadeIn('fast', function() { 
    $('#title2').addClass('animated title-pop'); 
}) 
$('#title2').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend 
animationend', function() { 
$('#title2').delay(8200).fadeOut(2000, function() {doItTwo();}); 
}); 
}; 

}); 
+1

在控制檯中是否出現錯誤? F12打開開發工具,看看你是否得到一些JavaScript錯誤。 –

+0

或者您也可以提供您的網站地址。 –

+1

如果你的代碼在localhost中工作,那麼它沒有問題。問題是當你把它上傳到你的實時服務器。確保你所有的引用都是有效的並且不被阻止。 – Banana

回答

3

確保您的活動服務器上的jQuery文件路徑正確。

+0

這些路徑都是正確的,因爲我從該文件獲得其他東西。 – user2498890

+1

在window.load函數中添加一個console.log消息,看它是否實際被調用。如果消息沒有出現在你的控制檯中,那麼這意味着jQuery根本沒有被加載。 –

+0

事實證明,這是我的CSS的問題,但無論如何感謝:) – user2498890

2

我有類似的問題。我檢查了Web開發人員控制檯(Firefox上的Firebug),發現存在JavaScript錯誤。 jQuery的路徑設置爲http,而我的網站是https,所以jQuery沒有正確加載。

http設置爲https後,腳本加載完美。

+0

這是真正的問題。它的工作..! –

相關問題