js code does not work in Rails

Question

I put some js code in the application.js fileand it does not work...

application.js:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

//...

obj.dd.on('click', function(event){
    $(this).toggleClass('active');
    return false;
});

//...

$(function() {

    var dd = new DropDown( $('#dd') );

    $(document).click(function() {
        // all dropdowns
        $('.wrapper-dropdown-5').removeClass('active');
    });

});

also iI activated a line in the initializers/assets.rb file:

 Rails.application.config.assets.precompile += %w( search.js )

but anyway my code is unavailable for using in a view. I think there should be nothing extra, as it is in the application.js.

Or may be there should be something else?

On what environment you have this problem?

ppascualv
– ppascualv

2015-04-14 07:26:16 +00:00
Commented Apr 14, 2015 at 7:26 — ppascualv
– ppascualv, Commented Apr 14, 2015 at 7:26

phts · Accepted Answer · 2015-04-14 07:22:39Z

1

1) Have you mentioned this in your application layout??

<%= javascript_include_tag 'application', 'data-turbolinks-track' =>  true %>

2) After this, use alert message in your application.js

alert('Hello');

edited Apr 14, 2015 at 7:22

phts

3,9251 gold badge22 silver badges31 bronze badges

answered Apr 14, 2015 at 5:00

Umar Khan

1,43012 silver badges18 bronze badges

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

Comments

creativereason · Accepted Answer · 2015-04-13 22:25:06Z

0

Working javascript that is in applications.js will work. So I'm guessing your problem isn't the application.js part of it, it's your function isn't working.

Add a console.log 'clicked' to your click function to see if fires on click. I think your javascript problem could be tied to your click function not in a document.ready() function.

answered Apr 13, 2015 at 22:25

creativereason

1,5241 gold badge11 silver badges21 bronze badges

Comments

Gagan Gami · Accepted Answer · 2015-04-14 05:22:56Z

0

Rails.application.config.assets.precompile += %w( search.js )

By looking above line of code. I guess you have search.js file. Whenever you want to use external js file(manually added) then you have to inform application.js file to include such file.

So your application.js file should be( If you wanted to add search.js which is not under app/assets/javascript/ and placed under vendor/assets/javascript/)

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require search  #js file will be added like this without it's extension 
//= require_tree .

Note: //= require_tree will include all js files which are under app/assets/javascript/ folder.

edited Apr 14, 2015 at 5:22

answered Apr 14, 2015 at 5:07

Gagan Gami

10.3k1 gold badge32 silver badges56 bronze badges

3 Comments

Umar Khan Over a year ago

If you are using //= require_tree then there is no need to mention //= require search explicitly.

Gagan Gami Over a year ago

@Umar : But If search.js file is under vendor folder then I think it's required

Umar Khan Over a year ago

Yeah, but then don't use //= require_tree

Collectives™ on Stack Overflow

js code does not work in Rails

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related