Call function in custom function

Question

I'm trying to figure out how this custom jQuery functions work by experimenting a bit. I can't however get it to work properly. I'm trying to call the prepareSlide function in my setInterval but it says 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);
}

score 2 · Accepted Answer · edited May 23 '17 at 12:04

2

You should provide a function to the first argument of setInterval. Also, to provide the context properly to the function invocation, a quick method is to preserve this by having another variable reference it, which in this case, we call self

var self = this;

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

edited May 23 '17 at 12:04

Community

1
1

answered May 03 '13 at 07:53

Joseph

117,725
30
181
234

Thanks for your answer! And what if i wanted to call the prepareSlide from outside too? ` ` – CaptainCarl May 03 '13 at 08:38

Call function in custom function

1 Answers1