Jquery插件无法识别我的参数

时间:2017-02-06 04:09:20

标签: jquery jquery-plugins

我有以下jquery插件:

(function ($) {
    $.fn.Table = function (options) {
        var options = $.fn.extend({
            Init: function () { },
            aColumns: []
        }, options);    
        $.each(aColumns, function (i, column) {
            alert(column);
        });
        return this;
    };
})(jQuery);

和它的电话:

$(this).Table({ aColumns: ['1','2','3'] });

我收到aColumns未定义的错误 我是jquery插件的新手,需要一些帮助 谢谢

1 个答案:

答案 0 :(得分:0)

在aColumns上运行循环时,需要将其指定为options.aColumns,因为这现在是options对象的一个​​属性。您需要访问作为选项传递的任何属性,父对象在您的情况下是选项对象。

https://learn.jquery.com/plugins/basic-plugin-creation/#accepting-options

(function ($) {
$.fn.Table = function (options) {

    var options = $.fn.extend({
        Init: function () { },
        aColumns: []
    }, options);

    $.each(options.aColumns, function (i, column) {
        alert(column);
    });
    return this;
    };
})(jQuery);