如何使用Rails 5.1.0和jQuery

时间:2017-04-29 14:51:57

标签: ruby-on-rails ruby zurb-foundation

我开始使用Rails v5.1.0,我理解这里没有jQuery作为默认值,但是想安装jQuery来与Zurb Foundation 6一起使用。

设置此基础的最佳方法是什么?目前没有加载模态?

2 个答案:

答案 0 :(得分:36)

要点:

  • 安装纱线
  • yarn add jquery
  • 将jquery添加到application.js清单文件

~~~

我今天也遇到过这个问题。

this article about using ActionCable with 5.1中,我了解到在您的应用中获取JQuery的新方法是使用Yarn这是一个javascript依赖管理器(Think Gemfile和Bundler,但是对于javascript)。

在Rails 5.1中创建新应用时,您会注意到一个新的可执行文件:bin/yarn。尝试在没有安装在系统上的纱线的情况下运行它将带来典型的帮助"下一步做什么"消息:

Download Yarn at https://yarnpkg.com/en/docs/install

  • 如果您在Mac上使用自制程序,则只需brew install yarn即可。

  • 如果您在Windows上使用Chocolatey,请choco install yarn

  • 在Linux上,通常"添加一个repo并sudo apt-get install yarn申请。我将让您漫步到文档页面以获取详细信息。

一旦你了解了,你可以这样做:

yarn add jquery

将jquery添加到.js依赖项文件中:package.json。这有点像你的应用程序" Javascript Gemfile",Yarn是你的" Bundler"。

既然您已将jquery添加到项目中,您可以按照常规方式将其包含在清单中。

//= require jquery
//= require rails-ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

您也可以找到this link。这篇文章讨论了在Rails中处理Javascript依赖关系的新思路。

答案 1 :(得分:1)

从javascript清单文件中删除默认jQuery,方法是从//= require jquery中删除包含app/assets/javascripts/application.js的行,然后添加您的jquery版本。您可以在app/assets/javascripts中添加jQuery文件,它将自动获取或使用CDN版本。