jquery - jquery自定义插件-初始化后操作

Question

在将其绑定到元素后，我无法找出如何操作我编写的自定义函数。例如我有一个函数

jQuery.fn.myPlugin = function(opts) {
    this.someFunction = function() { };

    $(this).keypress(function() {
        // do something
        someFunction();
    });
};

$('#some-element').myPlugin({ someOption: 'option'});

我想做的是在设置插件后设置可选功能（someFunction）。所以类似的东西

$('#some-element').myPlugin("someFunction", function() { 
    // do something
});

我知道我需要在 myPlugin 中使用更多参数，并检查它是初始调用（使用 opts）还是初始化后正在更改的内容。但不太确定如何去做。

Answer 1

您是否考虑过使用 jqueryui 小部件工厂？这支持在创建后更改选项以及自定义方法和事件。

http://wiki.jqueryui.com/w/page/12138135/Widget%20factory

Answer 2

阅读 jQuery 文档的插件/创作页面。

可以使用这个插件开发模式（参见插件方法部分）：

(function( $ ){

  var methods = {
    init : function( options ) { 
      // THIS 
    },
    show : function( ) {
      // IS
    },
    hide : function( ) { 
      // GOOD
    },
    update : function( content ) { 
      // !!! 
    }
  };

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