More than 3 years have passed since last update.

【Rails】turbolinksを無効化する方法

Posted at 2020-06-04

開発環境

・Ruby: 2.5.7
・Rails: 5.2.4
・Vagrant: 2.2.7
・VirtualBox: 6.1
・OS: macOS Catalina

完全に無効化する方法

1.`Gem`を無効化

Gemfile

# コメントアウトする
# gem 'turbolinks', '~> 5'

ターミナル

$ bundle update

2.`application.js`を編集

=を削除する。

application.js

// 変更前
//= require turbolinks　

// 変更後
// require turbolinks

3. `application.html.slim`を編集

'data-turbolinks-track': 'reload'を削除する。

application.html.slim

/ 変更前
= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'

/ 変更後
= stylesheet_link_tag    'application', media: 'all'
= javascript_include_tag 'application'

部分的に無効化する方法

1.JavaScriptを編集する方法

①~.jsファイルの場合

~.js

$(document).on('turbolinks:load', function() {
  // turbolinksを無効化したい処理
});

②~.coffeeファイルの場合

~.coffee

$(document).on 'turbolinks:load', -> 
  # turbolinksを無効化したい処理

2.リンクを編集する方法

①link_toに属性を追加する場合

~html.slim

= link_to '', root_path, 'data-turbolinks': false

②divで囲う場合