Skip to content

Instantly share code, notes, and snippets.

@jimeh
Created April 7, 2011 23:44
Show Gist options
  • Save jimeh/909017 to your computer and use it in GitHub Desktop.
Save jimeh/909017 to your computer and use it in GitHub Desktop.
Example jQuery plugin written in CoffeeScript, and the resulting compiled JavaScript file.
$.fn.extend
myplugin: (options) ->
self = $.fn.myplugin
opts = $.extend {}, self.default_options, options
$(this).each (i, el) ->
self.init el, opts
self.log el if opts.log
$.extend $.fn.myplugin,
default_options:
color: 'red'
log: true
init: (el, opts) ->
this.color el, opts
color: (el, opts) ->
$(el).css('color', opts.color)
log: (msg) ->
console.log msg
(function() {
$.fn.extend({
myplugin: function(options) {
var opts, self;
self = $.fn.myplugin;
opts = $.extend({}, self.default_options, options);
return $(this).each(function(i, el) {
self.init(el, opts);
if (opts.log) {
return self.log(el);
}
});
}
});
$.extend($.fn.myplugin, {
default_options: {
color: 'red',
log: true
},
init: function(el, opts) {
return this.color(el, opts);
},
color: function(el, opts) {
return $(el).css('color', opts.color);
},
log: function(msg) {
return console.log(msg);
}
});
}).call(this);
$ ->
$('#world').myplugin();
(function() {
$(function() {
return $('#world').myplugin();
});
}).call(this);
@shouichi
Copy link

Nice work!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment