繁体   English   中英

将JQuery或Javascript(而不是coffee.script)代码添加到Rails 3.2应用程序中?

[英]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,请添加。 也就是说,我的下一步是学习咖啡脚本!

你不需要做任何事情。 Rails默认会让你获得jquery。 如果您的文件的扩展名不是咖啡,那么您将不需要使用coffeescript。

您可以阅读此内容以更好地了解魔术。

如果你必须添加自己的,你可以这样写:

<%= javascript_include_tag "http://example.com/main.js" %>

阅读本文以了解javascript_include_tag的工作原理。

确保//= require jquery是application.js或application.js.coffee的顶部,如果你安装了jquery-rails gem,你应该很好。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM