“太多的递归” jquery错误

发布于 2024-08-24 12:16:14 字数 425 浏览 2 评论 0原文

尝试创建背景图像幻灯片并收到此错误...这是我试图实现的代码:

var $j = jQuery.noConflict();
$j( function(){
    var bgArr = [ 'sample1.jpg','sample2.jpg','sample3.jpg' ];
    function backgroundSlide(i) {
             $j("#home_sub_banner").css("background-image", "url("+bgArr[i++]+")");
             if (i == bgArr.length) i = 0;
             var st = setTimeout(arguments.callee(i), 1000);
    }
backgroundSlide(0)

});

Trying to create a background-image slideshow and am getting this error... This is the code I'm trying to implement:

var $j = jQuery.noConflict();
$j( function(){
    var bgArr = [ 'sample1.jpg','sample2.jpg','sample3.jpg' ];
    function backgroundSlide(i) {
             $j("#home_sub_banner").css("background-image", "url("+bgArr[i++]+")");
             if (i == bgArr.length) i = 0;
             var st = setTimeout(arguments.callee(i), 1000);
    }
backgroundSlide(0)

});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你不是我要的菜∠ 2024-08-31 12:16:14

当您编写 arguments.callee(i) 时,您正在调用 arguments.callee 并将其结果(如果有)传递给 setTimeout。这导致无限递归。

您需要传递 setTimeout 和稍后调用 arguments.callee 的匿名函数,如下所示:

var me = arguments.callee;
setTimeout(function() { me(i); }, 1000);

When you write arguments.callee(i), you are calling arguments.callee and passing its result (if any) to setTimeout. This results in infinite recursion.

You need pass setTimeout and anonymous function that calls arguments.callee later, like this:

var me = arguments.callee;
setTimeout(function() { me(i); }, 1000);
杯别 2024-08-31 12:16:14

这将创建对 backgroundSlide 的无限递归方法调用。

为什么不使用 setInterval 尝试不同的实现呢?

像这样的东西:

var bgArr = [ 'sample1.jpg','sample2.jpg','sample3.jpg' ];
var currentBg = 0;
function backgroundSlide() {
         $j("#home_sub_banner").css("background-image", "url("+bgArr[currentBg++]+")");
         if (currentBg == bgArr.length) currentBg = 0;
}
setInterval(backgroundSlide, 1000);

PS:上面的代码未经测试,但你会明白它的要点。

This is creating an infinite recrusive method call to backgroundSlide.

Why don't you try a different implementation using setInterval instead?

Something like this:

var bgArr = [ 'sample1.jpg','sample2.jpg','sample3.jpg' ];
var currentBg = 0;
function backgroundSlide() {
         $j("#home_sub_banner").css("background-image", "url("+bgArr[currentBg++]+")");
         if (currentBg == bgArr.length) currentBg = 0;
}
setInterval(backgroundSlide, 1000);

PS: Above Code not tested but you'll get the gist of it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文