Javascript jQuery在localhost中工作，但在活动时不工作？

我正在使用以下代码在幻灯片中设置标题动画。它在我的本地主机上运行良好，但一旦我将其上传到live，它似乎就不起作用了

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

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

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

});

---

确保您在live server上有正确的jQuery文件路径。

我也遇到过类似问题。我检查了web开发者控制台（Firefox上的Firebug），发现有一个JavaScript错误。jQuery的路径设置为

http

，而我的网站设置为

https

，因此jQuery没有正确加载

---

在我将

http

设置为

https

之后，脚本加载得非常完美

你的控制台有错误吗？F12打开开发人员工具，查看是否出现一些javascript错误。或者您也可以提供您的网站地址。如果您的代码在localhost中工作，则不会有问题。问题是当你上传到你的实时服务器。确保所有引用都有效且未被阻止。如果它在本地工作，很可能不是代码问题，而是与路径有关。确保jQuery和你的自定义JS脚本文件确实被加载到你的实时站点上。我有很多其他东西都由同一个文件控制，它们工作正常。我有两个CSS应用到它的东西，尽管它们在main.CSS文件中，但它们在直播时似乎不起作用。我如何知道我的所有引用是否有效？路径都是正确的，因为我有其他东西在该文件中工作。在window.load函数中添加一条console.log消息，以查看它是否实际被调用。如果消息没有出现在您的控制台中，则表示根本没有加载jQuery。没问题，很高兴您对其进行了排序。