jQuery Plugin Authoring with CoffeeScript

dubstep · October 1, 2011, 4:34pm

Hi Guys,

I am using rails-3.1 which use CoffeeScript by default.
Does anybody know how to write jQuery plugin in CoffeeScript according
to
official jQuery guide?
http://docs.jquery.com/Plugins/Authoring

I knew this:

gist.github.com

https://gist.github.com/jimeh/909017

jquery.myplugin.coffee

$.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:

This file has been truncated. show original

jquery.myplugin.js

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

This file has been truncated. show original

main.coffee

$ ->
  $('#world').myplugin();

There are more than three files. show original

but I think it’s different from jQuery official guide.

Also, can I remove ‘function-call-this’ wrapper?
If I do that, will I bring myself into another trouble?
I mean: (function() { my code }).call(this);

Thanks
Kristianto

Kristianto_Lie · October 4, 2011, 11:29am

Hello i’m trying to make this code shorter in coffee script … what do
you suggest? i’m new to coffee script and just want to know how i would
shorten this command

keyDownHandler = (event) ->
selectedItem =
$(event.target).siblings(".suggestions").children(".current-suggestion")
if selectedItem.length > 0
if event.which is 40
nextItem =
$(selectedItem).removeClass(“current-suggestion”).next()
nextItem.addClass “current-suggestion” if nextItem.length > 0
return
if event.which is 38
nextItem =
$(selectedItem).removeClass(“current-suggestion”).prev()
nextItem.addClass “current-suggestion” if nextItem.length > 0
return
if event.which is 13 or event.which is 9
addSuggestion(event.target)(selectedItem)
event.preventDefault()
return

Kristianto_Lie · October 4, 2011, 11:35am

Not sure if it helps but I wrote this: Coffeescript implementation of a twitter jquery plugin · GitHub
a couple of months ago but I do not know if it adheres to the official
guides.

On Tue, Oct 4, 2011 at 2:29 AM, Hemant M. [email protected] wrote:

$(selectedItem).removeClass(“current-suggestion”).next()
return
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en.