jQuery call plugin with own init function

Question

I started trying to create my own plugin using jQuery and the prototype function. My code looks like the following:

var Slider = function(element, controls, interval) {
    this.element = element;
    this.controls = controls;
    this.interval = interval || 5000;

    this.init();
};

Slider.prototype = {
    init: function() {
        if (this.controls)
            this.setControls();

        this.element.hide();
        this.slides[0].show();
        this.fadeIt();
    }
}

And inside prototype are more functions. Currently I'm creating a slider by calling the following:

new Slider($(".slide"), $(".slider").find(".controls").find("i"), 6000);

But how I want to do is is something like this:

Slider.init({
   element: $(".slide"),
   controls: $(".slider").find(".controls").find("i"),
   interval: 6000,
});

I tried searching for a solutions but I only could find how to make something like this:

$(".slider").Slider();

Anyone who can help me out or knows what to search for? Thanks instead!

Sonny · Accepted Answer · 2014-10-02 13:19:54Z

1

I was looking up "jQuery Plugin init" when I found your question. I also found this great article with a jQuery Plugin boilerplate that include an init() function.

answered Oct 2, 2014 at 13:19

Sonny

8,3667 gold badges66 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery call plugin with own init function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related