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文档的 Plugins/Authoring 页面。

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

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

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

2 个答案: