[解決済み] Rails 5: $(document).ready() をターボリンクで使用する方法
2023-03-17 15:01:22
質問
ターボリンクが正常に動作しない
$(document).ready()
イベントが発生しないようにします。
ここで
と
はこちら
. リンク先の回答にある解決策はどれもRails 5では動作しませんが。以前のバージョンのように、各ページの訪問時にコードを実行するにはどうしたらよいでしょうか?
どのように解決するのですか?
を聞くよりも、むしろ
ready
イベントを聞くのではなく、Turbolinks がページ訪問ごとに発生させるイベントにフックする必要があります。
残念ながら、Turbolinks 5 (Rails 5 で登場するバージョン) は書き直され、以前のバージョンの Turbolinks と同じイベント名を使用しないため、前述の回答は失敗してしまいます。現在有効なのは turbolinks:load のようなイベントです。
$( document ).on('turbolinks:load', function() {
console.log("It works on each visit!")
})
関連
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] Ruby on Railsのマイグレーションでデータベースのカラムの名前を変更するにはどうすればよいですか?
-
[解決済み] window.onload vs $(document).ready()
-
[解決済み】Rails 4:ターボリンクで$(document).ready()を使用する方法
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Rails 4:ターボリンクで$(document).ready()を使用する方法
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] jQueryの$という記号の意味は何ですか?
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] これは純関数ですか?
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?