[英]Adding JQuery or Javascript (not coffee.script) code to a Rails 3.2 app?
我刚刚完成了Code School的 JQuery简介, jQuery Air:First Flight 。 这是学习jQuery基础知识的好方法,当我完成工作时,我很高兴能在我的新的little rails 3.2应用程序中添加一些jQuery。 但是,如何实现这一目标并不明显。
默认情况下,rails 3.2附带jquery-rails和coffee-rails宝石。 新的3.2应用程序都设置为以咖啡脚本的形式接受javascript和jquery。 虽然我很快就会学习咖啡脚本,但现在我所拥有的只是jquery。
更具体地说,我应该添加如下内容:
<script type="text/javasript" src= "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
进入我的app/views/layouts/application.html.erb
文件的头部,或者只是处理jquery-rails gem和
<%= javascript_include_tag "application" %>
已经在那了?
在我的应用程序中,我把jQuery代码放在哪里? 对于我生成的每个新控制器,rails 3.2在app/assets/javascripts/
目录中创建了一个很好的[new_controller].js.coffee
文件。 如果我把它放在那个.coffee
文件中,Javascript就不起作用了。 有人有什么想法?
经过实验并与Code School的优秀人员通信,我得到了以下答案,其他人可能会觉得有用:
Rails 3.2应用程序已准备好接受coffeescript。 实际上,每个新控制器都会自动生成一个[new_controller] .js.coffee文件,准备接受一个新的coffeescript。 虽然我很快就会得到coffeescript,刚刚完成JQuery Air:First Flight ,我所知道的只是jQuery。
以下是使用默认的资产管道设置将jQuery添加到一个Rails 3.2应用程序时需要做的事情:
1)将javascript_include_tag(:application)
放在app/views/layouts/application.html.erb
文件中。 Code School的Adam Fortuna指出,通常将这条线放在页脚中听起来是个好建议。 这可能允许页面的其余部分在javascript之前加载。
2)在'app / assets / javascripts /'目录中创建一个带有后缀.js
的新文件,在我的例子中是user.js. 注意:不要将jQuery文件命名为与自动创建的.js.coffee
文件相同,否则将无法读取,可能是因为单独使用coffeescript文件。
3)将您的jQuery javascript添加到您的内容的该文件! 它已经是你的3.2应用程序的一部分,包含在jquery-rails
gem中。
如果其他人已经深入了解在rails 3.2应用程序中使用jquery和javascript而不是coffee-script,请添加。 也就是说,我的下一步是学习咖啡脚本!
确保//= require jquery
是application.js或application.js.coffee的顶部,如果你安装了jquery-rails
gem,你应该很好。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.