Adding jQuery plugins to my rails 4 apps

Question

It seems to be that I'm missing something, I am not being able to add jQuery plugins, lets say Mask plugin, I get errors trying to $('form').mask() with error c.off is not a function, I am willing to bet I am not being able to install the js files in the right place, I am using rails 4, what am I missing ?

also when I include them remotely in the

# application.erb
<%= javascript_include_tag  https://cdn.jsdelivr.net/jquery.mask/1.13.9/jquery.mask.min.js" %>

I still get errors, not only with that specific plugin.

UPDATE: I installed jquery.mask.min.js to vendor/assets/javascripts

I //= require jquery.mask.min.js in application.js

//= require jquery
//= require jquery_ujs
//= require jquery.mask.min.js

I try to $('input').mask('99-999-99');

I get error saying mask is not a function

Hey Kamal, could you please show us the error log; or screenshots — Shiva
– Shiva, Commented Mar 23, 2016 at 14:43

bkunzi01 · Accepted Answer · 2016-03-23 14:47:08Z

1

You need to download the js file for the plugin and add it to your vendor/assets/javascript folder. You then must require it in your app/assets/javascript/application.js file as:

//= require filename

If you put it in a subfolder for example named "jquery_plugins" in your vendors/assets/javascript folder you will need to require it in your assets/javascript/application.js file as follows:

//=require subfoldername/filename

Note: Make sure to leave off the js extension AND REQUIRE IT AFTER THE REQUIRE Jquery and Jquery-ui statements. If it is a minified file you must add the .min to the require statement in your application.js file but not the '.js' extension. Ex:

//=require subfoldername/filename.min

Once done, restart your server and check again.

answered Mar 23, 2016 at 14:47

bkunzi01

4,5811 gold badge20 silver badges27 bronze badges

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

Comments

volx757 · Accepted Answer · 2016-03-23 14:53:25Z

0

Since you've specified jquery and rails, how about the jquery-rails gem:

https://github.com/rails/jquery-rails

which comes with any rails-jquery integration you might need built in. It requires a bundle install and the following two lines to be added to application.js:

//= require jquery
//= require jquery_ujs

answered Mar 23, 2016 at 14:53

volx757

1631 gold badge2 silver badges20 bronze badges

Comments

Frederik Spang · Accepted Answer · 2016-03-23 14:56:28Z

0

What it looks like you're trying to do, is add the -tag to your page. In which case what you'd want to do, is add

<%= javascript_include_tag "https://cdn.jsdelivr.net/jquery.mask/1.13.9/jquery.mask.min.js" %>

to your layout file, and not in your application.js-file.
Another way is to download the file, and include it in your application.js, by the //=require .....-method.

answered Mar 23, 2016 at 14:56

Frederik Spang

3,4641 gold badge30 silver badges44 bronze badges

2 Comments

Kamal G'ool Over a year ago

The first try I made was using this, still have mask is not a function.

Frederik Spang Over a year ago

You'll need jQuery included before this, but your functions using mask, afterwards. It has to be defined beforehand. Maybe not use a cdn, but downlaod the file to your project, and include it right after jquery in your application.js.erb

Kamal G'ool · Accepted Answer · 2016-03-23 15:56:54Z

0

Okay, my bad, The problem was because of both requirng including jquery

once //= require at the application.js

and once <%= javascript_include_tag "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js" %>

from the application layout.

Thanks.

answered Mar 23, 2016 at 15:56

Kamal G'ool

1712 silver badges13 bronze badges

Collectives™ on Stack Overflow

Adding jQuery plugins to my rails 4 apps

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related