javascript - jQuery - plugin methods call - Stack Overflow

admin管理员组

文章数量:1406924

I'm trying to create a jQuery plugin following some official best practices

(function($){

  var methods = {
    init : function( options ) {
      this.options = options;
    }
  , add_that: function (elem) {
      this.append(elem);
      return (this);
    }
  , add_this: function (elem) {
      return (methods.add_that(elem));
    }
  };

  $.fn.test = function (method) { 
    if ( methods[method] ) {
      return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
    } else if ( typeof method === 'object' || ! method ) {
      return methods.init.apply( this, arguments );
    } else {
      $.error( 'Method ' + method + ' does not exist on jQuery.test' );
    }    
  };

})(jQuery);

I'd like the method add_that to be able to append things to the matched element(s).
Now this method is called from add_this.

$('#test').test('add_this', $('<div />'));

TypeError: this.append is not a function

Why can't I access to the plugin (this) from add_that ?

I'm trying to create a jQuery plugin following some official best practices

(function($){

  var methods = {
    init : function( options ) {
      this.options = options;
    }
  , add_that: function (elem) {
      this.append(elem);
      return (this);
    }
  , add_this: function (elem) {
      return (methods.add_that(elem));
    }
  };

  $.fn.test = function (method) { 
    if ( methods[method] ) {
      return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
    } else if ( typeof method === 'object' || ! method ) {
      return methods.init.apply( this, arguments );
    } else {
      $.error( 'Method ' + method + ' does not exist on jQuery.test' );
    }    
  };

})(jQuery);

I'd like the method add_that to be able to append things to the matched element(s).
Now this method is called from add_this.

$('#test').test('add_this', $('<div />'));

TypeError: this.append is not a function

Why can't I access to the plugin (this) from add_that ?

• javascript
• jquery
• jquery-plugins

Share Improve this question Follow asked Mar 2, 2012 at 16:59 Pierre de LESPINAYPierre de LESPINAY 46.3k6060 gold badges221221 silver badges314314 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Because the scope has changed when you've called it from add_this. Notice that the original call used Function.apply to scope the call to this.

if ( methods[method] ) {
  return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
}

So you can presumably get around the issue by using apply again in your method:

add_this: function (elem) {
  return methods.add_that.apply(this,[elem]);
}

Live example: http://jsfiddle/XaUHV/

In the context you're using it "this" refers to methods.add_that

Since methods.add_that is a function there is no method on it called "append" by default.

本文标签： javascriptjQueryplugin methods callStack Overflow