javascript - ruby rails 4 : How to include Javascript and CSS?

标签 javascript css ruby-on-rails

我是 Rails 的新手,我正在使用 Rails 4 构建应用程序。我想创建一个使用 JQuery 的页面,JQuery 是另一个可通过 CDN 获得的第 3 方 JavaScript 库,一个可通过 CDN 获得的第 3 方 CSS 库,我自己的javascript 和我自己的 CSS。我需要使用:

jQuery(function($) {
  ...
});

在加载页面时执行一些 javascript 的函数,这似乎只有在我将对 jQuery(function($)... 的调用放在文档中时才有效。

我希望 JQuery 包含在我所有的应用程序页面中,但我上面提到的所有其他内容我只想包含在这个特定页面中。

我该怎么办?我一直在网上阅读各种东西,我感到很困惑。我应该下载第 3 方资源并将它们包含在 vendor 目录下的某个地方吗?如果这样做,我如何才能确保它们仅包含在该特定页面中?下载 3rd 方资源不就是利用 Assets 管道将所有内容组合到一个巨大的 JS 文件中,从而减少 HTTP 请求吗?所以,如果我只想在一个页面中包含这个第 3 方脚本,我为什么要利用 Assets 管道?我还想要吗?我不应该拥有页面特定的 javascript 文件吗?如果是这样,那么需要调用以初始化该特定页面(例如,为了允许不显眼的 javascript)并且不应在其他任何地方调用的 javascript 怎么样?

我写好的javascript和css文件到哪里去了?我如何确保它们包含在文档的头部?我是否需要在我的应用程序布局的头部添加一个 yield block 才能实现这一点

请有人帮助我学习执行此操作的标准和最佳实践方法。

最佳答案

您可以创建一个 common.js 并将其添加到 Assets 管道中,方法是将其添加到 application.js 中,此外,如果您不使用 require_tree,则您必须使用 jQuery(function($)

单独包含文件

关于javascript - ruby rails 4 : How to include Javascript and CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38364036/

相关文章:

javascript - 如何连接 Prop

transparency - IE11 中的边框图像透明度错误

javascript - 如何使输入字段标题显示输入字段中的文本?

ruby-on-rails - 是否仍然推荐使用更多(Rails 的更少 CSS 插件)?

ruby-on-rails - I18n : How to check if a translation key/value pairs is missing?

css - 如何使带有 Rails 链接的 Div 可点击?

javascript - 基于 javascript 文本的游戏和对象

javascript - 在循环中调用 async wait 时出现语法错误

javascript - 进入 getJSON 部分时,点击的项目是否超出范围

html - 覆盖一个 div 但将元素保留在可操作的下方