Je suis un peu accro alors note

Aperçu

JQuery $ ('# hoge') ne fonctionnait pas lors de l'appel de js.erb sur un contrôleur ayant reçu la forme remote: true d'une vue Rails 6.

Il a fonctionné correctement sous Webpacker.

Erreur JS: ʻUncaught ReferenceError: $ is not defined`

Solution

Ajoutez la ligne suivante dans app / javascript / packs / application.js

`app/javascript/packs/application.js`


...
require("bootstrap")
require("admin-lte")

window.$ = jQuery; //ici!

`js:hogehoge.js.erb`


$('.modal_area').html('<%= j(render "modal") %>');
$('#modal').modal('show');

J'avais une définition similaire dans config / webpack / environment.js, mais j'avais besoin de cette description pour l'utiliser à partir du fichier js.erb.

Recommended Posts

Comment utiliser JQuery dans Rails 6 js.erb

Comment installer jQuery dans Rails 6

Comment utiliser MySQL dans le didacticiel Rails

Comment utiliser credentials.yml.enc introduit à partir de Rails 5.2

[Webpacker] Résumé de l'installation de Bootstrap et jQuery dans Rails 6.0

[Rails] Comment utiliser les boîtes de sélection dans Ransack

[Rails] Comment utiliser PostgreSQL dans l'environnement Vagrant

[Rails] Comment utiliser enum

[Rails] Comment utiliser la validation

[Rails] Comment utiliser authenticate_user!

[Rails] Comment utiliser Scope

Comment utiliser CommandLineRunner dans Spring Batch of Spring Boot

[Rails] Comment utiliser la "devise" des gemmes

Comment utiliser Lombok au printemps

[Rails] Comment utiliser l'appareil (Remarque)

[Rails] Comment utiliser les messages flash

Comment utiliser setDefaultCloseOperation () de JFrame

[Rails] Comment utiliser Active Storage

Comment utiliser les classes en Java?

[Introduction aux rails] Comment utiliser le rendu

Comment installer Swiper in Rails

Comment déployer jQuery dans les applications Rails à l'aide de Webpacker

[Rails 5] lien japanMap Comment écrire des paramètres dans le fichier js.erb

[Rails] Utiliser jQuery

Comment implémenter la fonctionnalité de recherche dans Rails

Comment changer le nom de l'application dans les rails

Comment utiliser le volume nommé dans docker-compose.yml

Comment insérer une vidéo dans Rails

[Rails] Comment utiliser ActiveRecord :: Bitemporal (BiTemporalDataModel)

[Rails] Comment utiliser la méthode de la carte

Comment utiliser Docker dans VSCode DevContainer

[rails] Comment configurer le routage dans les ressources

[Java] [Maven3] Résumé de l'utilisation de Maven3

[Ruby on Rails] Comment utiliser redirect_to

Comment implémenter la fonctionnalité de classement dans Rails

[Note] Comment utiliser Rails 6 Devise + cancancan

Comment utiliser les variables d'environnement dans RubyOnRails

[Rails] Comment utiliser video_tag pour afficher des vidéos

Comprendre en 5 minutes !! Comment utiliser Docker

[Rails] Comment utiliser la méthode d'assistance, confimartion

Comment utiliser ExpandableListView dans Android Studio

[Sprint Boot] Comment utiliser les trois types de SqlParameterSource définis dans org.springframework.jdbc.core.namedparam

[RUBY] Comment utiliser JQuery dans Rails 6 js.erb

Aperçu

Solution

app/javascript/packs/application.js

js:hogehoge.js.erb

`app/javascript/packs/application.js`

`js:hogehoge.js.erb`