如何使用Rails 5.1.0和jQuery

MrB*_*ggs 11 ruby ruby-on-rails zurb-foundation

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

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

Mr.*_*Tim 36

摘要:

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

~~~

我今天也遇到了这个问题.

这篇关于将ActionCable与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上,choco install yarn.

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

一旦你了解了,你可以做到:

yarn add jquery
Run Code Online (Sandbox Code Playgroud)

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

现在您已经将jquery添加到项目中,您可以按常规方式将其包含在清单中.

//= require jquery
//= require rails-ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
Run Code Online (Sandbox Code Playgroud)

您也可以发现此链接也很有用.这篇文章讨论了在Rails中处理Javascript依赖关系的新思路.