関数変数をjqueryプラグインのように呼び出す方法を教えてください。

Question

プラグイン：

(function($){ 

    $.fn.myplugin = function(options) { 

    var mymethod = function(){ 
     // I want to be able to access "this" here ('.element') 

     return this; 
    }; 

    return this.each(function() {   
     // $('.element', this).mymethod(); <- how to do this? 
    }); 

    }; 
})(jQuery); 

私はこのようにmymethod呼びたい：

$('.element').mymethod();

これは可能ですか？

は、基本的には

Answer 1

jQueryプラグインのオーサリングページをチェックアウトすることをお勧めします。 http://docs.jquery.com/Plugins/Authoring

、このようなものだ

$('#foo').myPlugin('myMethod'); 

あなたがそのような何かを達成するであろう道を行くことによってなり、特定のメソッドを呼び出すための最良の方法（注：すべてのjQueryプラグインのオーサリングサイトから取られた）

(function ($) { 

    var methods = { 
     init : function(options) { 

      // Init function here 

     }, 
     destroy : function() { 

      // Teardown function here 

     } 
    }; 

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


}; 

})(jQuery); 

Answer 2

アルターMyMethodはとてもその直接の延長

$.fn.mymethod = function() { 
    this.hide(); // the .element 
    return this; // continue the daisy chain 
} 

// example usage 
$(document).ready(function() { 
    $("div").mymethod(); 
}); 

...私は、さらに他の関数を呼び出すことができるようにチェーンを維持するために必要

更新X2（タイプミスがありました）！

http://jsfiddle.net/MattLo/2TWMV/1/

Answer 3

さて、あなたはただやるだろう：

$.fn.mymethod = function() { ... return this; } 

jQueryが自動的にそれがthisように呼ばれています要素を渡します。

しかし、このように多くの機能を追加することは悪い習慣と考えられます。だから、ほとんどのプラグインは$.fnに1つの関数を追加し、呼び出すメソッドの文字列引数を取ります。

Answer 4

jQueryプラグインのように呼びたい場合は、jQueryプロトタイプ（$ .fn）に追加する必要はありません。あなただけこのの参照を持つようにしたい場合はしかし、あなたのセレクタのjQueryの要素は、あなただけapplyを使用することができます。新しいfunctionキーワードがありますたび

(function($){ 

  $.fn.myplugin = function(options) {   

    var mymethod = function(){ 
      // I want to be able to access "this" here ('.element') 

      return this; 
    }; 

    return this.each(function() {         
     mymethod.apply($('.element', this)); 
    }); 

  }; 
})(jQuery); 

Answer 5

閉じる、あなただけのthisキーワードを失います。最初に保存してみてください：

(function($){ 

    $.fn.myplugin = function(options) { 

    var that = this; 

    var mymethod = function(_this, dotElem){ 
     // I want to be able to access "this" here ('.element') 
     that.hide().blah()... 

     return this; // this isn't needed as we are going to anyway return `this.each()` 
    }; 

    return this.each(function() {   
     mymethod(this, $('.element')); <- how to do this? 
    }); 

    }; 
})(jQuery);