CoffeeScript jQuery plugin and trying to call to external jQuery plugin

Question

I have the following (simple) CoffeeScript jQuery Plugin:

$ = jQuery

$.fn.extend
    schoolSelect: (options) ->
        settings = 
            apiUrl: '/api/v1'
            debug: false

        settings = $.extend settings, options

        log  = (msg) ->
            console?.log msg if settings.debug

        return @each ->
            @.dropkick
                change: (val, label) ->
                    log val
                    log label

And I call it in another CoffeeScript file like so:

$('.school_select').schoolSelect
        debug: true

But for some reason I keep getting the following error: Uncaught TypeError: Object #<HTMLSelectElement> has no method 'dropkick'

I am using the DropKickjQuery plugin for my HTML selects: http://jamielottering.github.com/DropKick/

How can I access the DropKick plugin within my CoffeeScript jQuery plugin?

vcsjones · Accepted Answer · 2012-08-14 15:22:53Z

2

This line:

    return @each ->
        @.dropkick

Needs to be

    return @each ->
        $(@).dropkick

In the context of a jQuery callback for each, this gives you back a raw DOM element (hence the warning about HTMLSelectElement), not a jQuery object.

If your plugin is calling another plugin, you need to ensure the setup for the DropKick plugin is done before you extend jQuery.

answered Aug 14, 2012 at 15:22

vcsjones

142k34 gold badges300 silver badges294 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dennismonsewicz Over a year ago

I knew it was something simple! Thanks for the help! It works like a charm now!

Collectives™ on Stack Overflow

CoffeeScript jQuery plugin and trying to call to external jQuery plugin

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related