web-dev-qa-db-ja.com

Rails 5.1.0およびjQueryの使用方法

Rails v5.1.0にはデフォルトでjQueryが含まれていないと理解していますが、jurb Foundation 6で動作するようにjQueryをインストールしたいと考えています。

ファウンデーションが現在モーダルをロードしていないので、これを設定する最良の方法は何ですか？

ruby-on-railsrubyzurb-foundation
11
MrBiggs

概要：

  • 糸をインストール
  • yarn add jquery
  • Jqueryをapplication.jsマニフェストファイルに追加する

~~~

今日もこの問題に遭遇しました。

5.1でのActionCableの使用に関するこの記事 アプリでJQueryを取得する新しい方法は Yarn を使用することです。これはJavaScript依存関係マネージャーです（GemfileとBundlerを考えてくださいJavaScriptの場合）。

Rails 5.1：bin/yarn。で新しいアプリを作成すると、新しい実行可能ファイルに気付くでしょう。システムに糸をインストールせずにこれを実行しようとすると、典型的な役立つ「何が次のメッセージ」：

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

  • MacでHomebrewを使用している場合は、単純にbrew install yarnを使用できます。

  • WindowsでChocolateyを使用する場合、choco install yarn。

  • Linuxでは、通常の「リポジトリを追加してSudo apt-get install yarnを適用します。詳細を取得するには、ドキュメントページに移動してください。

糸をかければ、次のことができます。

yarn add jquery

jqueryを.js依存ファイルに追加します：package.json。これは、アプリケーションの「Javascript Gemfile」のようなもので、Yarnは「バンドラー」です。

プロジェクトにjqueryを追加したら、通常の方法でマニフェストにjqueryを含めることができます。

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

このリンク も役立つかもしれません。これは、Rails内でJavascriptの依存関係を処理するための新しいアイデアについて話している記事です。

36
Mr. Tim

//= require jqueryからapp/assets/javascripts/application.jsを含む行を削除して、JavaScriptマニフェストファイルからデフォルトのjQueryを削除し、jqueryのバージョンを追加します。 jQueryファイルをapp/assets/javascriptsに追加すると、自動的に、またはCDNバージョンを使用して取得されます。

1
Aref Aslani