Question

我正在使用以下代码为幻灯片中的标题设置动画。它在我的本地主机上工作正常，但是一旦我将其上传到实时它似乎没有工作。

我的所有文件都正确链接我只是看不出为什么会发生这种情况。

我想知道是否有人可以看到代码有任何问题，或者可能有这样的原因。

$(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();});
});
};

});

Answer 1

确保您的实时服务器上有正确的jQuery文件路径。

Answer 2

我有类似的问题。我检查了Web开发人员控制台（Firefox上的Firebug），发现存在JavaScript错误。 jQuery的路径设置为http，而我的网站是https，因此jQuery没有正确加载。

将http设置为https后，脚本完全加载。

jQuery在localhost中工作，但不是在live？

2 个答案: