- jQueryのインストールを確認する: Rails 7では、デフォルトでjQueryが含まれていないため、手動で追加する必要があります。まず、Gemfileに以下の行を追加します。
gem 'jquery-rails'Gemfileを保存した後、ターミナルでbundle installコマンドを実行してGemをインストールします。
例えば、app/views/layouts/application.html.erbファイルでjQueryを読み込む場合は、以下のようにします。
<%= javascript_pack_tag 'application' %>- ページの読み込み順序を確認する: jQueryを使用するJavaScriptコードがjQueryの読み込みよりも前に実行されると、jQueryが未定義のままでエラーが発生することがあります。jQueryを使用するコードを
$(document).ready()または$(function(){})内に配置し、ページの読み込み後に実行されるようにしてください。
$(document).ready(function(){
// jQueryを使用するコード
});