JQuery on click not working

Question

I'm having strange behaviour where within the same file a change event is working but a click event isn't. I understand I may have not posted enough code, but I just want to see if anyone knows why on event may work but another will not. Here is my code:

class AddBTS
  constructor: () ->

    $('#a').on 'change', (evt) => @a evt
    $('#b').on 'change', (evt) => @b evt
    $('#c').on 'click', (evt) => @c


  a: (evt) =>
    console.log 'a works'

  b: (evt) =>
    console.log 'b works'

  c: () =>
    console.log 'c works'

The html it refers to:

<input type="file" id="a">
<input type="file" id="b">
<button id="c">OK</button>

The events work fine on a and b, but the click event doesn't work on c.

My compiled JS is executed after the DOM loads.

Could anyone give me some pointers on what may cause this and I will try it out.

Interestingly, when I double click on c I get the following error:

Error in event handler for 'undefined': IndexSizeError: DOM Exception 1 Error: Index or size was negative, or greater than the allowed value.

Ven · Accepted Answer · 2013-03-18 21:34:35Z

3

You have to call your c function :

@c()

Without parens, you're only accessing it. Remember, CoffeeScript isn't Ruby ;).

answered Mar 18, 2013 at 21:34

Ven

19k2 gold badges44 silver badges62 bronze badges

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

1 Comment

Jamie Fearon Over a year ago

A million thank yous. Because CoffeScript allows you to not but the brackets like this: @a evt, it was throwing me a bit to see one was working and not the other. With @c() it works fine now :)

Starx · Accepted Answer · 2013-03-18 21:21:10Z

0

I dont think you need the evt since you are not using it.

$('#c').on 'click', () => @c

answered Mar 18, 2013 at 21:21

Starx

79.3k50 gold badges187 silver badges266 bronze badges

3 Comments

Jivings Over a year ago

Is this relevant? Surely an unused variable will make no difference whatsoever.

Starx Over a year ago

@Jivings, It is not pure JS so, may be it compiles funny.

Jamie Fearon Over a year ago

I've removed the evt but the click handler does not work. I've updated my question with some more information.

Collectives™ on Stack Overflow

JQuery on click not working

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related