質問に書いてある通りなのですが$(document).on('turbolinks:load', function(){}
とturbolinks:loadイベントが書いてあるjQureryメソッドが全て発火しません。
application.jsは以下のようになっています。
//= require activestorage //= require turbolinks //= require jquery //= require jquery_ujs // require popper //= require bootstrap // require bootstrap-sprockets //= require moment //= require moment/ja.js //= require tempusdominus-bootstrap-4.js //= require croppie //= require masonry.pkgd.min //= require glide.min //= require_tree .
turbolinksの知識に疎く、なぜturbolinks:loadにかかれているjQueryが全く効かないか検討付きません。
もともと動いていたjs,jqueryであったのですが、友人とアプリを作っていて友人のプルリクをマージしたらこのことが起こりました。
正直全く動作検証せずプルリク送った友人が腹立たしいのですが、turbolinksやアセットパイプライン周りの知識がない自分も辛いです。
jsファイルはassets>javascript 以下に複数フォルダやファイルとして置いてあり、alertメソッドを置いてみたところ。全てalertメソッドは反応したため、turbolinks:loadが原因であると思いました。
ちなみにturbolinks:load内に書いていたjqueryが動いていた時は
//= require croppie
この記述がなくマージ後はvendor/assets以下にcroppie.jsなるjsファイルが追加されていました。
そもそも$(document).on('turbolinks:load')
とはどのようなイベントなのか。
そして動かないことについて思い当たる理由についてご教授いただいけるとありがたいです。
情報に過不足がございましたら適宜追記します。
よろしくおねがいします。
あなたの回答
tips
プレビュー