はじめに
某プログラミングスクールの課題で、Railsを使ってECサイトを作成しています。
エラー発生時の状況
トップページにて、link_to でページに移動するとリロードしないと非同期通信できない
エラーの仮説
turbolinksが邪魔してそう...
turbolinksってなんだっけ?
turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。
原因
data-turbolinkが働いて遷移したページではイベントが発火しない事があるらしい.
対策
= link_to new_item_path,data: {"turbolinks" => false}, class: "seller_btn" do
これ→
{"turbolinks" => false},
data-turbolinkをオフにする
遷移元のリンクタグにdata属性を追加
参考記事
Rails6でjqueryアニメーションライブラリanimsitionの使用 | 躓いたことなど...
https://qiita.com/lookatachic/items/cc3accb542fca0eaf43a