Javascript JQuery背景颜色更改(无论是.animate还是.css)在重新启动后只工作一次?

Javascript JQuery背景颜色更改(无论是.animate还是.css)在重新启动后只工作一次?,javascript,jquery,background-color,Javascript,Jquery,Background Color,大家好,我有一个大问题,我不太明白为什么会发生 问题是,我得到了jquery插件jquery.color,这样我可以每6秒交替更改4个div的颜色,这样当第一个是白色时,其他的是黑色的,当第二个是白色时,其他的是黑色的等等 当我开始编程时,一切都正常,我认为我正在进步,但我再试了一次,什么也没有。。。我决定可能是jquery颜色插件的错,所以我决定试试jquery UI插件。我清空了缓存,重新启动了mac,尝试了“新”插件,它又开始工作了,所以我开始编写更多的程序,再试一次,砰的一声,同样的事情

大家好,我有一个大问题,我不太明白为什么会发生

问题是,我得到了jquery插件jquery.color,这样我可以每6秒交替更改4个div的颜色,这样当第一个是白色时,其他的是黑色的,当第二个是白色时,其他的是黑色的等等

当我开始编程时,一切都正常,我认为我正在进步,但我再试了一次,什么也没有。。。我决定可能是jquery颜色插件的错,所以我决定试试jquery UI插件。我清空了缓存,重新启动了mac,尝试了“新”插件,它又开始工作了,所以我开始编写更多的程序,再试一次,砰的一声,同样的事情发生了

奇怪的是,完全相同的代码在重新启动后工作,但在第二次启动后就不工作了

我使用了以下jquery插件:jquery.urlrewrite、jquery.easytabs、jquery.ae.image.resize,当然还有jquery ui

我用于测试目的的.JS代码的小片段是:

var intervalo = window.setInterval(caneco, 6000);

function caneco(){


$("#triangulo").animate({
top: "120px"
}, 1000 );

$("#juntaimg").animate({
left: "-451px"
}, 1000 );

$("link1").animate({
  'background-color': "black"
}, 1000);


}
最奇怪的是,除了背景颜色的变化,所有其他动画都能完美地工作,而且每次


有人能帮我吗??请???

这是一个完全有效的JSFIDLE:

我对它进行了一些更正/更改(例如,间隔和动画描述),但这不应该是一件大事-如果它起作用,您的代码应该起作用

如果这对您有效,而您的本地版本不起作用,请尝试制作一个类似这样的小示例——只需包含jQuery和jQuery UI以及来自JSFIDLE的代码,看看是否有效。如果是这样的话,很可能是由于某些输入错误/缺少标记或任何其他语法错误导致它无法工作


顺便说一句,您可能希望使用
setTimeout
而不是
setInterval
,因为后者将每隔n毫秒重复调用一次,而
setTimeout
将运行一次。

以下是一个完全工作的JSFIDLE:

我对它进行了一些更正/更改(例如,间隔和动画描述),但这不应该是一件大事-如果它起作用,您的代码应该起作用

如果这对您有效,而您的本地版本不起作用,请尝试制作一个类似这样的小示例——只需包含jQuery和jQuery UI以及来自JSFIDLE的代码,看看是否有效。如果是这样的话,很可能是由于某些输入错误/缺少标记或任何其他语法错误导致它无法工作


顺便说一句,您可能希望使用
setTimeout
而不是
setInterval
,因为后者将每n毫秒重复一次调用,而
setTimeout
只运行一次。

对于任何有此问题的人来说,这是因为index.php和update.php之间存在冲突,后者是使用jquery的.load加载到div中的。由于我独立开发了所有内容,然后加入了它,所以我将jquery 1.7.1加载了两次,有一些php脚本被加载了两次等等。。。所以基本上我通过使用一个约束载荷来解决所有问题,如下所示:

$("#finalcontainer").load("updates.php #initialcontainer");
然后,我将该页面的所有css移到了索引css文件中(我知道我应该已经这样做了,但那个bug正在杀死我!),并且我将updates.php的所有.js动画移到了index.php中


所以我就是这样把我的虫子压扁的。主要是我的错…

对于任何有这个问题的人来说,这是因为index.php和update.php之间存在冲突,而update.php是使用jquery的.load加载到一个div中的。因为我独立开发了所有内容,然后加入了它,所以jquery 1.7.1被加载了两次,有一些php脚本被加载了两次等等。。。所以基本上我通过使用一个约束载荷来解决所有问题,如下所示:

$("#finalcontainer").load("updates.php #initialcontainer");
然后,我将该页面的所有css移到了索引css文件中(我知道我应该已经这样做了,但那个bug正在杀死我!),并且我将updates.php的所有.js动画移到了index.php中


所以我就是这样把我的虫子压扁的。主要是我的错…

你能把它放进去吗?有了最初的html和css,它会有所帮助。(葡萄牙语+1)你可以缩短
window.setInterval(caneco,6000)->
setInterval(caneco,6000)是的,但它不会更改任何错误…我已经发现一个错误,即link1应该是#link1,但它仍然无法工作。。。我要试试JSFIDLE。至于葡萄牙人,再等一段时间,你会发现函数的名称会变得更糟!发现了问题。。。不知怎么的,它在updates.php文件上,我是通过jquery的加载加载的。加载我不知道是什么搞砸了,但有些东西。。。我会找到答案的。。。不过明天。。。我需要休息一下。非常感谢你对安德烈的帮助!也许明天我会把updates.php放在jsfiddle上,如果找不到解决方案,就在这里分享。你能把它放进去吗?有了最初的html和css,它会有所帮助。(葡萄牙语+1)你可以缩短
window.setInterval(caneco,6000)->
setInterval(caneco,6000)是的,但它不会更改任何错误…我已经发现一个错误,即link1应该是#link1,但它仍然无法工作。。。我要试试JSFIDLE。至于葡萄牙人,再等一段时间,你会发现函数的名称会变得更糟!发现了问题。。。不知怎么的,它在updates.php文件上,我是通过jquery的加载加载的。加载我不知道是什么搞砸了,但有些东西。。。我会找到答案的。。。不过明天。。。我需要休息一下。非常感谢你对安德烈的帮助!也许明天我会把updates.php放在JSFIDLE上,如果我找不到解决方案,就在这里分享。谢谢你的回答和工作!我会尝试一些简单的方法,看看是否有效。我确实想要setInterval,因为它的目的是每6秒对所有4个div逐个进行更改,但是谢谢