0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

特定のページにのみJSファイルを適用する方法

Last updated at Posted at 2020-04-12

Railsは、初期状態でapp/assets/javascriptsディレクトリ以下の全てのJavaScriptを自動で読み込みます。

ただ、別ページに遷移した際にJSファイルの読み込みができず、エラーが起きてしまうのことがあるため、特定ページのみでJSファイルが発火する様にしていきます。

読み込ませるJavaScriptを個別に指定するには次のようにします。

こちらのページを参考にさせていただきました。
http://keruuweb.com/rails-%E5%BF%85%E8%A6%81%E3%81%AAjavascript%E3%81%AE%E3%81%BF%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%80/

作成の都合上、HTMLをHAMLで記載しております。

STEP1

app/assets/javascripts/application.js内の一番下にこちらの記述がある場合はコメントアウトします。=を消すだけ。

//= require turbolinks
//= require_tree .

STEP2

config/initializers/assets.rb内にこちらのコードを追加してください。

Rails.application.config.assets.precompile += %w( *.js )

アプリケーションサーバーをストップして、再起動します。

$ rails s

STEP3

JSファイルを読みませたいhtml.haml内の最下部にこちらのコードを追加する。

= javascript_include_tag '自分で作ったjsファイル名'

最後に

以上で特定ファイルだけで読みこむことに成功しました。
他のページに遷移してもエラーになりません。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?