javascript - 自定义函数中的调用函数

我通过尝试一下来弄清楚此自定义jQuery函数的工作方式。但是，我无法使其正常工作。我正在尝试在我的setInterval中调用prepareSlide函数，但它说prepareSlide is not defined

$('document').ready(function(){
    jQuery('.item_holder').itemSlider({
        start: 1,
        carousel: true
    });
});
$.fn.itemSlider = function (details) {
    var currentSlideNumber = (details && details.start > 0) ? details.start : 1;
    this.prepareSlide = function(slideNumber) {
        alert(1)
    }
    //Set an interval
    var itemToSlide = currentSlideNumber + 1;
    slideTimer = setInterval("prepareSlide(" + itemToSlide + ")", 5000);
}

最佳答案

You should provide a function to the first argument of setInterval。另外，为了适当地为函数调用提供上下文，一种快速的方法是通过引用另一个变量来保留this，在这种情况下，我们将其称为self

var self = this;

slideTimer = setInterval(function(){
  self.prepareSlide(itemToSlide)
}, 5000);