Jquery 插件无法识别我的参数

Question

我有以下 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 插件的新手，需要一些帮助谢谢

Answer 1

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

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

Jquery 插件无法识别我的参数

Jquery plugin not recognize my parameter

jquery

jquery-plugins