Convert jQuery .click into .live 'click' in CoffeeScript

Question

This works:

$('#products.table tr').click ->
  $(@).toggleClass('row_selected')

This doesn't:

$('#products.table tr').live 'click', (event) ->
  $(@).toggleClass('row_selected')

Error in browser's console:

[Error] TypeError: 'undefined' is not a function (evaluating '$('#products.table tr').live')
    ready (products.js, line 10)
    fire (jquery.js, line 3049)
    fireWith (jquery.js, line 3161)
    ready (jquery.js, line 434)
    completed (jquery.js, line 105)

What am I missing?

vee · Accepted Answer · 2016-03-12 17:04:08Z

7

live has been deprecated as of jQuery version 1.7, and Rails 3's default jQuery version is 1.9. You need to use on instead:

Try:

$(document).on 'click', '#products.table tr', (event) ->
  if ( $(@).hasClass('row_selected') )
    $(@).removeClass('row_selected')
  else
    $(@).addClass('row_selected')

or, you could use the toggleClass method as suggested in the comments as:

$(document).on 'click', '#products.table tr', (event) ->
  $(@).toggleClass('row_selected')

edited Mar 12, 2016 at 17:04

answered Sep 7, 2013 at 1:13

vee

38.7k7 gold badges76 silver badges80 bronze badges

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

2 Comments

mu is too short Over a year ago

Might as well switch to toggleClass while you're there: $(@).toggleClass('row_selected').

Meltemi Over a year ago

This wouldn't work: $('#products.table tr').on 'click', (event) -> but what you have now starting with $(document).on… works great! Would love an explanation from someone as to why if/when they get a chance...

Collectives™ on Stack Overflow

Convert jQuery .click into .live 'click' in CoffeeScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related