1

我为样板 jquery 插件遵循了这种常见的设计模式，但我无法从原型中的任何位置调用构造函数内的特权方法 this.service()。如何从原型内部调用 this.service() ，而不仅仅是在原型的 init 中？

总的来说，我想要做的是能够访问这个插件中的一个变量，这个变量只会在这个插件的实例中受到影响和改变。这个变量应该放在其他地方吗？该变量在我的代码中被命名为 variableToAccess。也许我在这一切都错了。谢谢。

插件调用如下

$('article').comment();

这是插件

;(function ( $, window, document, undefined ) {
    // Create the defaults once
    var pluginName = 'defaultPluginName',
        defaults = {
        propertyName: "value"
    };

    // The actual plugin constructor
    function Plugin( element, options ) {
        this.element = element;
        this.options = $.extend( {}, defaults, options) ;
        this._defaults = defaults;
        this._name = pluginName;
        var variableToAccess = false;//<----should this be somewhere else?
        this.service = function() {
            variableToAccess = true;
        };
        this.init();
    }

    Plugin.prototype = {
        init: function() {
            Plugin.prototype.doSomething();
        },
        doSomething: function() {
            this.service()//<----doesn't work
        }
    }

    $.fn["comment"] = function ( options ) {
        return this.each(function () {
            if (!$.data(this, 'plugin_' + pluginName)) {
                $.data(this, 'plugin_' + pluginName,
                new Plugin( this, options ));
            }
        });
    }

})( jQuery, window, document );
4

1 回答 1

0

我在这里可能不正确，但我认为您不应该通过 Plugin.prototype.doSomething() 调用 doSomething()。

this.doSomething(); 应该调用该方法。请看下面：

function Plugin( element, options ) {
    this.element = element;
    this.options = $.extend( {}, defaults, options) ;
    this._defaults = defaults;
    this._name = pluginName;
    var variableToAccess = false;
    this.service = function() {
        variableToAccess = true;
    };
    this.init();
}

Plugin.prototype = {
    init: function() {
        this.doSomething();
    },
    doSomething: function() {
        this.service();
    }
};

$.fn.comment = function ( options ) {
    return this.each(function () {
        if ( !$.data(this, 'plugin_' + pluginName) ) {
            $.data(this, 'plugin_' + pluginName,
            new Plugin( this, options ));
        }
    });
 };
于 2012-10-01T17:09:56.953 回答