Question

我正在为jQuery插件开发一种全能的基本框架。我的结构基于找到here的jQuery插件/创作示例。

这是我正在构建的结构的进一步简化版本：

(function( $ ){
  var methods = {
     init : function( options ) { 
        var defaults = {
            // place default settings for plugin here
        }

        var options = $.extend(defaults, options);

        return this.each(function(){
            var $this = $(this),
                data = $this.data('PLUGINNAME'); 

            if ( ! data ) { 
             // do more setup stuff here
            }
        });
     },

     destroy : function( ) { 
       return this.each(function(){ 
        // do stuff to destroy any function binding
       })
     },

     update : function( content ) { 
        return this.each(function() { 
            //do your update stuff here
        })
     }
  };

  $.fn.PLUGINNAME = 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.PLUGINNAME' ); 
    }    
  };
})( jQuery );

我现在要弄清楚的是如何在插件调用中添加回调函数。我知道我需要另一个这样的参数：

  $.fn.PLUGINNAME = function( method, callback ) {

但我不确定如何根据我目前的情况实施该目标。

Answer 1

要调用回调函数，可以使用.call方法。

init : function( options, callback ) { 
    callback.call(this, options);

在示例中，我传入了选项，但您可以传入任何需要的内容。

带有方法和回调的jQuery插件

1 个答案: