CALL FUNCTION IN CUSTOM FUNCTION

Simons Hood

Total Post:70

Points:494
Posted by  Simons Hood
 864  View(s)
Ratings:
Rate this:
Hi Everyone!

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);
}

Please help me!
Thanks in advance!

  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: Call function in custom function

    Hi Samuel!


    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);

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!