Question

function Scroller(id){
    this.ID = id;
    this.obj = $("#"+id);
    this.currentSlide = 1;

    var self = this;
    setInterval(self.nextSlide, 1000);
}

Scroller.prototype.nextSlide = function(){
    this.slideTo(this.currentSlide+1);
}

Scroller.prototype.slideTo = function(slide){
    // slide = (slide+this.obj.children().size()-1) % this.obj.children().size()+1; 
    // $("#"+this.ID+" > *:first-child").stop().animate({"margin-left": "-"+this.obj.get(0).offsetWidth*(slide-1)}, 1000);
    // currentSlide = slide;
}

$(document).ready(function(){
    new Scroller("actielist");
});

所以这是我的Scroller的代码，但是当我尝试运行它时，它会给我以下错误：＆＃34; Uncaught TypeError：this.slideTo不是函数＆＃34;

Answer 1

当setInterval调用一个函数时，它会使用this的上下文（或window值）调用它（即它调用函数中的函数）全球范围/背景）。您需要确保nextSlide内的上下文正确无误。

尝试：

setInterval(self.nextSlide.bind(self), 1000);

Javascript原型访问另一个原型函数

1 个答案: