Question

我在http://docs.jquery.com/Plugins/Authoring

上定义了我的插件

(function( $ ){

  var methods = {
    init : function( options ) {  },
    show : function( options ) {  },
    hide : function( ) {  },
    update : function( content ) { 
      // How to call the show method inside the update method
      // I tried these but it does not work
      // Error: not a function
      this.show(); 
      var arguments = { param: param };
      var method = 'show';
      // Error: options is undefined
      methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));  
    }
  };

  $.fn.tooltip = function( method ) {

    // Method calling logic
    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.tooltip' );
    }    

  };

})( jQuery );

如何在update方法中调用show方法？

修改：

show方法引用this。使用methods.show(options)或methods['show'](Array.prototype.slice.call( arguments, 1 ));可以调用show方法，但是对this的引用似乎是错误的，因为我遇到了this.find(...) is not a function错误。

show方法：

show: function(options) {
    alert("Options: " + options);
    alert("Options Type: " + options.interactionType);
    var typeCapitalized = capitalize(options.interactionType);
    var errorList = this.find('#report' + typeCapitalized);
    errorList.html('');
},

Answer 1

var methods = {
  init : function( options ) {  },
  show : function( options ) {  },
  hide : function( ) {  },
  update : function( options ) { 

    methods.show.call(this, options);

  }
};

Answer 2

你使用.apply就是把所有东西扔掉。您故意更改 this的含义，这是this.show()无效的原因。如果您希望this继续methods（这是有道理的），您可以做到：

  return methods[ method ](Array.prototype.slice.call( arguments, 1 ));

jquery插件调用其他公共函数内的public函数

2 个答案: