javascript - how does require jquery work in Rails 3 app? - Stack Overflow

admin管理员组

文章数量:1343311

In my rails 3 app it has:

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require jquery-ui

And it works fine. But I don't understand how it works. I think I understand the third line which I believe adds everything to this file that is found in the same directory as this file (/app/assets/javascript). But what about the first line? Where does it get the jquery file? I don't see it in any of the directories it mentions in the ment at the beginning of the file, specifically:

// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.

Where does rails go to get the jquery javascript file?

In my rails 3 app it has:

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require jquery-ui

And it works fine. But I don't understand how it works. I think I understand the third line which I believe adds everything to this file that is found in the same directory as this file (/app/assets/javascript). But what about the first line? Where does it get the jquery file? I don't see it in any of the directories it mentions in the ment at the beginning of the file, specifically:

// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.

Where does rails go to get the jquery javascript file?

• javascript
• ruby-on-rails
• require

Share Improve this question Follow asked Jul 18, 2012 at 5:49 snowguysnowguy 91122 gold badges1313 silver badges2323 bronze badges 1

• All three great answers. Thanks everyone! – snowguy Commented Jul 18, 2012 at 6:19

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

The require part you mentioned above is called asset pipeline, which is part of new features of rails 3. The goal of this is to concatenate all javascripts file together, so you have your page load faster by a single import of the javascript file.

You can find out more about asset pipeline here and if not mistaken it is utilizing sprockets gem.

Refering to //= require jquery, it is importing the javascript file from your jquery gem (only if you using jQuery gem). You can find it from your jQuery gem assets folder.

Refer this screencast as it described best.

Hope it helps.

require_tree . includes all files under the directory it is in (e.g. app/assets/javascript). The jQuery source file e from the jquery-rails gem

The ment can be a little confusing. A gem is also called a "plugin" in this case. It gets from the jquery-rails gem. Note the vendor/assets/javascripts structure.

https://github./rails/jquery-rails/tree/master/vendor/assets/javascripts

本文标签： javascripthow does require jquery work in Rails 3 appStack Overflow