为什么这个 javascript 函数没有定义？

Question

我有这个 javascript 代码：

$(function(){
  var currentCarouselItem = 1; //set carousel to first slide
  var runCarousel = 1;

  $(window).load(function(){    
    setTimeout('autoScroll()', 10000);
  });

  function autoScroll(num){
    if (runCarousel == 1) {
      $('.carouselItem.' + currentCarouselItem).animate({left: '975px'}, 'slow', function(){
        $(this).removeClass('active');
        $(this).attr('style','');
        var nextItem = currentCarouselItem + 1;
        if (nextItem == 7) {
            nextItem = 1;
        }
        $('.carouselItem.' + nextItem).animate({left: '110px'}, 'slow', function(){
          $(this).addClass('active');
        })
      })
    }   
  }
})

每当我运行该网站时，它都会抛出控制台错误： Uncaught ReferenceError: autoScroll is not Defined

知道为什么它认为它没有定义吗？

Answer 1

setTimeout('autoScroll()', 10000);

为什么要把它放在引号中？

setTimeout(autoScroll, 10000);

这是对于初学者来说的。

此外，这里还存在范围界定问题。

Answer 2

我可以尝试为你回答，但我认为这个人做得更好：

JQuery，setTimeout 不起作用

Answer 3

我认为这是因为您的 autoScroll 函数位于最外层 $(function(){}) 创建的闭包内。因此 eval（用于评估 setTimeout 中的字符串）无法找到它，因为它在“全局”范围内运行。

您可以将 autoScroll 的定义移到外部。

另外，正如jcolebrand建议的那样，删除引号。

Answer 4

我认为这是因为当您传入一个字符串作为 setTimeout() 的第一个参数时，javascript 基本上从该字符串的全局范围运行 eval() 。 autoScroll 存在于 $(function() { }) 的范围内，因此无法从全局范围“看到”。

尝试将其更改为 setTimeout(autoScroll, 10000);

Answer 5

您的代码存在一些问题，但未定义 autoScroll 函数的原因是它在文档就绪函数的范围内定义，但通过 eval 执行> 在文档准备好超出范围而没有正确关闭之后。

Answer 6

$('.carouselItem.' + currentCarouselItem).animate({left: '975px'}, 'slow', function(){
                $(this).removeClass('active');
                $(this).attr('style','');
                var nextItem = currentCarouselItem + 1;
                if (nextItem == 7) {
                    nextItem = 1;
                }
                $('.carouselItem.' + nextItem).animate({left: '110px'}, 'slow', function(){
                    $(this).addClass('active');

                });
            });

对于初学者来说，您需要在这样的函数末尾添加一个分号，