jQuery调用插件具有自己的init函数

时间:2014-01-19 14:28:02

标签: jquery function plugins init

我开始尝试使用jQuery和原型函数创建自己的插件。 我的代码如下所示:

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

内部原型更多功能。 目前我正在通过调用以下内容创建一个滑块:

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

但我想做的是这样的事情:

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

我尝试寻找解决方案,但我只能找到如何制作这样的东西:

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

任何可以帮助我或知道要搜索什么的人? 谢谢!

1 个答案:

答案 0 :(得分:1)

当我找到你的问题时,我正在查找“jQuery Plugin init”。我还发现this great article带有jQuery插件样板,其中包含init()函数。