Question

我有一个关于jQuery的问题

当我写这样的代码时：

<div id="backgroundfade"></div>
$(document).ready(function()  {
   $("#backgroundfade").fadeOut(1000 );
   $("#backgroundfade").fadeIn(1000 );
};

但是当我想使用setInterval：

时

$(document).ready(function()  {
   setInterval(function(){
      $("#backgroundfade").fadeOut(1000 );
      $("#backgroundfade").fadeIn(1000 );
   }, 3000);
};


$("#backgroundfade")

此返回null。我做错了什么？

Answer 1

您的代码块都缺少结束)，这将导致错误并导致它们不执行。

$(document).ready(function()  {
    $("#backgroundfade").fadeOut(1000 );
    $("#backgroundfade").fadeIn(1000 );
});

$(document).ready(function()  {
    setInterval(function(){
        $("#backgroundfade").fadeOut(1000 );
        $("#backgroundfade").fadeIn(1000 );
    }, 3000);
});

仅供参考，您可以将最后一个简化为：

$(document).ready(function()  {
    setInterval(function(){
        $("#backgroundfade").fadeOut(1000).fadeIn(1000);
    }, 3000);
});

工作演示：http://jsfiddle.net/jfriend00/cUJcA/

当你说＆＃34;这返回null＆＃34;时，你的意思并不清楚。 $("#backgroundfade")创建一个永远不会null的jQuery对象。

jquery setInterval with fadeOut / In

1 个答案: