Rails JavaScript - Rails 7 を使用して jQuery を JavaScript に変換すると機能しない

Question

Rails 7 とターボ/ホットワイヤー。 2018 年の古いプロジェクトからコピーしたコードを再利用しています。このコード/jQuery は情報ポップアップ用です:

リーリー

JavaScript を書き直した後 (正しいですか?)、現在テストしているのは次のとおりです - 成功しませんでした:

リーリー

#info_1 / id=info_1 がある div に、ポップアップ #popup_1 / id=popup_1 別の div の直下。

JavaScript を app/javascript/custom/menu.js ファイルに配置することと、ビュー ページの タグで使用することをテストしました。

これはどうすればいいでしょうか。

＃＃＃ありがとう＃＃＃

Answer 1

$() は、まだ jquery を使用しており、純粋な JavaScript に変換していないが、壊れた jquery に変換していることを意味します。 $().someChained 関数を使用しているすべての行を置き換える必要があります。例えば：＃＃＃

$(ドキュメント).addEventListener

そうあるべきです

Documentation.addEventListener

これが必要なことの要点です。DOMContentLoaded について注意すべき点があります。リスナーがバインドされる前にロードされた場合、DOMContentLoaded は決して起動しません。

リーリー

余談ですが、重要なプロジェクトの jquery をプレーンな js に置き換える必要があり、その言語にまったく慣れていない場合、これは非常に困難な作業になるでしょう。