jQuery 在 localhost 中工作，但不是在直播时工作？答案

【问题标题】：jQuery working in localhost but not when live?jQuery 在 localhost 中工作，但不是在直播时工作？
【发布时间】：2014-03-25 14:42:17
【问题描述】：

我正在使用以下代码为幻灯片中的标题设置动画。它在我的本地主机中运行良好，但是一旦我将其上传到 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();});
});
};

});

【问题讨论】：

您的控制台是否出现错误？ F12 打开开发者工具，看看是否有一些 javascript 错误。
或者您也可以提供您的网站地址。
如果您的代码在本地主机中工作，那么它就没有问题。问题是当您将其上传到您的实时服务器时。确保您的所有参考资料均有效且未被屏蔽。
如果它在本地工作很可能不是代码问题，而是与路径有关。确保 jQuery 和您的自定义 JS 脚本文件实际上正在您的实时站点上加载。
我有很多其他的东西由同一个文件控制，它们工作正常。我有两件事应用了 CSS，尽管它们在 main.css 文件中，但它们在活动时似乎没有工作。我怎么知道我的所有参考资料是否有效？

标签： javascript jquery css animation localhost

【解决方案1】：

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

【讨论】：

路径都是正确的，因为我在该文件中还有其他工作。
在你的 window.load 函数中添加一个 console.log 消息，看看它是否真的被调用了。如果消息没有出现在你的控制台中，那么这意味着 jQuery 根本没有被加载。
没问题，很高兴你把它整理好了。

【解决方案2】：

我遇到了类似的问题。我检查了 Web 开发者控制台（Firefox 上的 Firebug），发现有一个 JavaScript 错误。 jQuery 的路径设置为http 而我的网站是https，所以 jQuery 没有正确加载。

在我将http 设置为https 后，脚本完美加载。

【讨论】：