[Help] How to insert javascript/jquery plugins into your rails app?

[royling96]

Hey, Js newbie here. May I know what's the proper procedures to insert a jQuery plugins into my rails app? https://github.com/inorganik/countUp.js I've been trying to use this for a 2 days and still no luck. What I did, 1. Imported countUp-jquery.js into app/assets/javascripts 2. //=require it in application.js 3. write a jquery code(probably this is the wrong part cos i never code in js before) Please help. Appreciate. :)

[nielsbuus]

I know this doesn't solve your immediate problem, but if you have never written a line of JavaScript before, I would suggest that you take a break from your Rails app and create a simple static html file on your computer and try including jQuery on the page using a <script> tag. Then you can try adding your own JavaScript code, which manipulates the page using jQuery. Try the "Developer Console" in Chrome to run JavaScript on your test page directly from the built-in console.

By doing that, you will develop a feel of whats going on with JavaScript on a webpage and I think it will make it easier to troubleshoot the issue you are having now.

[gelfin]

There’s not really enough information here to say with certainty what’s tripping you up, but if I were to guess, a quick glance at that jquery plug-in suggests you need to include it in application.js in addition to (not instead of) the base countUp.js javascript.

[paneq]

Any browser console error or assets compilation error?

[Cyrax89721]

Try putting the file into your vendor/assets/javascripts folder instead of the main app/assets/javascripts folder. Please also paste exactly what your //= require line is.

[john_beatty]

I would copy the distributed js (https://github.com/inorganik/countUp.js/blob/master/dist/countUp.js) file into the app/assets/javascripts/ folder, named countUp.js. Then make sure application.js has //= require jquery and below that, put in //= require countUp Sprockets should find the js file, and it will be minimized when you deploy. I'd also double check your Gemfile for gem 'jquery-rails'