JQuery插件:带参数的调用选项函数

时间:2014-12-28 17:19:11

标签: javascript jquery jquery-plugins

http://jsbin.com/cudedaramo/2/edit?html,css,js,output

我用一些选项参数编写了基本的Jquery插件:

(function ($) {

    $.fn.clicks= function(options) {

        var settings = $.extend({
            whenclick : null
        }, options);


        $(".click").on("click",function(){
                  settings.whenclick.call( this );

        });

    };

}( jQuery ));

调用此插件:

$(".clickable").clicks({
  whenclick: function (){
    alert("ok");
  }
});

我想将一些参数传递给options函数,例如:

 $(".clickable").clicks({
      whenclick: function (a){
        alert(a);
      }
    });

在这种情况下,要获取单击按钮的ID,代码必须更改为:

(function ($) {

    $.fn.clicks= function(options) {

        var settings = $.extend({
            whenclick : null
        }, options);


        $(".click").on("click",function(){
                  settings.whenclick.call( $(this).attr("id") );

        });

    };

}( jQuery ));

但是这段代码不起作用,我试图将点击按钮的id传递给“options function”

$(".click").on("click",function(){
                      settings.whenclick.call( $(this).attr("id") );

            });

我想知道如何传递参数,不显示按钮ID。

0 个答案:

没有答案