[RUBY] Verwendung von JQuery in Rails 6 js.erb

Ich bin ein bisschen süchtig, also beachte

Überblick

JQuery $ ('# hoge') funktionierte nicht, als js.erb auf einem Controller aufgerufen wurde, der die Form 'remote: true' einer Rails 6-Ansicht erhalten hatte.

JS-Fehler aufgetreten: Nicht erfasster Referenzfehler: $ ist nicht definiert

Lösungen

Fügen Sie die folgende Zeile in app / javascript / packs / application.js ein

app/javascript/packs/application.js


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

window.$ = jQuery; //Hier!

js:hogehoge.js.erb


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

Ich hatte eine ähnliche Definition in config / webpack / environment.js, aber ich brauchte diese Beschreibung, um sie aus der js.erb-Datei heraus zu verwenden.

Recommended Posts

Verwendung von JQuery in Rails 6 js.erb
So installieren Sie jQuery in Rails 6
Verwendung von MySQL im Rails-Tutorial
Verwendung von credentials.yml.enc aus Rails 5.2
[Webpacker] Zusammenfassung der Installation von Bootstrap und jQuery in Rails 6.0
[Rails] Verwendung von Auswahlfeldern in Ransack
[Rails] Verwendung von PostgreSQL in einer Vagrant-Umgebung
[Rails] Verwendung von Enum
[Rails] Verwendung von Enum
[Rails] Verwendung der Validierung
[Rails] So verwenden Sie authenticate_user!
[Schienen] Verwendung von Scope
Verwendung von CommandLineRunner im Spring Batch von Spring Boot
[Rails] Wie man Edelstein "devise" benutzt
Wie man Lombok im Frühling benutzt
[Schienen] Verwendung von Geräten (Hinweis)
[Rails] Verwendung von Flash-Nachrichten
Verwendung von setDefaultCloseOperation () von JFrame
[Rails] Verwendung von Active Storage
Wie verwende ich Klassen in Java?
[Einführung in Rails] Verwendung von Render
So installieren Sie Swiper in Rails
So stellen Sie jQuery in Rails-Apps mit Webpacker bereit
[Rails 5] japanMap-Link So schreiben Sie Parameter in die js.erb-Datei
[Rails] Verwenden Sie jQuery
So implementieren Sie Suchfunktionen in Rails
So ändern Sie den App-Namen in Rails
Verwendung des benannten Volumes in docker-compose.yml
So fügen Sie ein Video in Rails ein
[Rails] Verwendung von ActiveRecord :: Bitemporal (BiTemporalDataModel)
[Schienen] Verwendung der Kartenmethode
Verwendung von Docker in VSCode DevContainer
[Rails] So konfigurieren Sie das Routing in Ressourcen
[Java] [Maven3] Zusammenfassung der Verwendung von Maven3
[Ruby on Rails] Verwendung von redirect_to
So implementieren Sie Ranking-Funktionen in Rails
[Hinweis] Verwendung von Rails 6 Devise + Cancancan
Verwendung von Umgebungsvariablen in RubyOnRails
[Rails] Verwendung von video_tag zum Anzeigen von Videos
Verstehe in 5 Minuten !! Wie man Docker benutzt
[Rails] Verwendung der Hilfsmethode, Confimartion
Verwendung von ExpandableListView in Android Studio
[Sprint Boot] Verwendung der drei in org.springframework.jdbc.core.namedparam definierten Arten von SqlParameterSource
So löschen Sie große Datenmengen in Rails und Bedenken
So erhalten Sie den Wert von Boolean mit jQuery in einfacher Rails-Form
Zusammenfassung der Auswahl von Elementen in Selen
Verwendung von Map
Wie schreibe ich Rails
Wie benutzt man rbenv?
Verwendung mit_option
Verwendung von fields_for