jQuery toggleClass并不总是动画

时间:2011-12-07 10:01:25

标签: jquery css jquery-animate toggleclass

我正在尝试使用jQuery的toggleClass作为新闻自动收录器类型的东西,并且它在大多数情况下都有效,但是间歇性地它没有动画。这是我的代码:

 $(document).ready(function() { 

     // ...other jQuery code

     setInterval('$("#stat-slider").toggleClass("all-time", 1000);', 10000);

 }

第一次加载页面时,它会快速在两个状态之间轻弹,然后正常运行,除非有时它没有动画。任何人都可以看到会导致这种情况的任何事情吗?

非常感谢。

P.S。适用于FireFox和Internet Explorer 9

2 个答案:

答案 0 :(得分:0)

我宁愿使用延迟功能......

function bla(){
  $("#stat-slider").show().delay(10000).queue(function (){
     $(this).toggleClass("all-time", 1000).unqueue();
     bla();
  });

}

答案 1 :(得分:0)

我认为由于您在toggleClass中输入的数字,它无法正常工作。 尝试没有这样的数字:

setInterval('$("#stat-slider").toggleClass("all-time");', 10000);

希望它有所帮助。