Jquery not working in Coffeescript function Rails

Question

I'm new to coffee script, so forgive me if this is a simple problem.

I'm trying to make a simple class change when a specific view is loaded in Rails. Specifically I want to run:

$(#mydiv).addClass('active')

In my coffee script, I have the following:

class MyApp.Sessions extends MyApp.Base
  constructor:() ->
    super  # call Base class for core functionality
    this   # and be sure to return this

  index:() -> 
    $ -> 
        $('#mydiv').addClass('active')

but the resulting javascript ends up placing my Jquery command outside of the function:

Sessions.prototype.index = function() {
  return $(function() {});
};

$('#mydiv').addClass('active');

Any ideas?

no it does not: coffeescript.org/…

apneadiving
– apneadiving

2014-04-26 13:47:23 +00:00
Commented Apr 26, 2014 at 13:47 — apneadiving
– apneadiving, Commented Apr 26, 2014 at 13:47

Jacob Lockard · Accepted Answer · 2018-08-11 16:26:49Z

1

This seems really complicated. If you only want to set a class when a page is loaded, then the answer depends on if you're using Turbolinks from Rails 4.

With turbolinks, you could just hook into the page:load event like

document.on 'page:load', () ->
  $('#mydiv').addClass 'active'

edited Aug 11, 2018 at 16:26

Jacob Lockard

1,31511 silver badges26 bronze badges

answered Apr 26, 2014 at 14:47

Brian Glick

2,20118 silver badges20 bronze badges

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

4 Comments

Dave Tsay Over a year ago

I really don't like turbolinks (for many reasons, which I won't discuss here), so I'm looking for a way to do page-specific loading.

Brian Glick Over a year ago

If you're not using turbolinks, then you can just put a script tag in your view itself that does document.ready(function() {$('#mydiv').addClass('active');};

Dave Tsay Over a year ago

I'd like to avoid inline scripts in my view, as it will not be precompiled in the assets, and slows down page loading

Brian Glick Over a year ago

If you put the script at the bottom and use document.ready(function() {...}); then it shouldn't really slow down the page load. It's a pretty minimal amount of code to worry about precompiling, but YMMV.

Collectives™ on Stack Overflow

Jquery not working in Coffeescript function Rails

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related