CoffeeScriptでjQueryプラグインを書くためのテンプレート
4612 ワード
やあみんなjQueryは使っているかな?いろんなJSのフレームワークに押され気味がけど
まだまだ現役なんだよ
jQueryもプラグインをかけると、いろいろこねくり回して実装していたところがすっきりかけるのだ。
いつでもさくっと書けるようにCoffeeScriptのテンプレートを作成した。
JavaScriptで書く場合もコンパイル済みテンプレートを使えばばっちりだ
CofeeScriptで書いたjQueryのプラグインのテンプレート
do (jQuery) ->
$ = jQuery
$.fn.sampleMethod = (config) ->
# デフォルト引数の設定
defaultConfig =
url: 'www.yahoo.co.jp'
# 呼び出し時に連想配列で渡された引数とデフォルト引数を重ねあわせする
# {}
options = $.extend(defaultConfig, config);
@each () ->
# セレクタでヒットした各項目に対して行う処理
# 主にこの下に処理を書いていく
$(@).find(".foo")
JavaScriptにコンパイルした結果
(function(jQuery) {
var $;
$ = jQuery;
return $.fn.sampleMethod = function(config) {
var defaultConfig, options;
defaultConfig = {
url: 'www.yahoo.co.jp'
};
options = $.extend(defaultConfig, config);
return this.each(function() {
return $(this).find(".foo");
});
};
})(jQuery);
使い方
$('.sampleClass').sampleMethod({url: 'www.google.co.jp'})
Author And Source
この問題について(CoffeeScriptでjQueryプラグインを書くためのテンプレート), 我々は、より多くの情報をここで見つけました https://qiita.com/kon_yu/items/d3dded568906de751c7a著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .