Schienen und bootstrap: Uncaught ReferenceError: jQuery ist nicht definiert

Habe ich eine einfache webapp-Integration von bootstrap 3 in einer rails 3.2.17 Antrag, folgenden diese Verfahren gefunden auf stackoverflow, also ohne einen Edelstein, sondern manuell kopieren Sie die bootstrap-Dateien in den entsprechenden app-Verzeichnisse.

Selbst wenn ich habe in meinem Juwel-Datei:

gem 'jquery-rails'

kann ich immer noch sehen, prüfen Sie meine web-Seite mit Google chrome, den Fehler:

Uncaught ReferenceError: jQuery is not defined

Meine Seite ist eine "normale" html-Seite, die im öffentlichen Verzeichnis. Vielleicht ist es noch nicht "Erben" alle Vermögenswerte Sachen? Der code ist wie folgt:

 
<!DOCTYPE html> 
<html> 
<head> 
<title>Bootsrap Test 01</title> 
<link  href="/css/bootstrap.css"> 
<script src="/js/bootstrap.min.js" type="text/javascript"></script> 
</head> 

...

Habe ich noch nicht versucht, aber ich denke, dass javascript-basierte Funktion funktionieren nicht.

InformationsquelleAutor der Frage AgostinoX | 2014-04-08

  1. 25

    Unter der Annahme, dass nach dem hinzufügen gem 'jquery-rails' Sie lief bundle install Befehl.

    Stellen Sie sicher, dass folgende in app/assets/javascripts/application.js

    //= require jquery
//= require jquery_ujs
//= require bootstrap.min   //Add it after jquery and jquery_ujs

    BEARBEITEN

    Müssen Sie explizit jQuery vor, einschließlich /bootstrap.min.js. Zum Beispiel :

    <!DOCTYPE html>
<html>
<head>
    <title>Bootsrap Test 01</title>
    <link rel="stylesheet" href="/css/bootstrap.css">
    <script src="/assets/jquery.js" type="text/javascript"></script>
    <script src="/assets/jquery_ujs.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
</head>

    InformationsquelleAutor der Antwort Kirti Thorat

  2. 10

    Selbst wenn Sie jquery richtig, können Sie immer noch sehen, dass Problem, wenn Sie inline-javascript-code aufgerufen werden, bevor die jQuery-initialisiert wird.

    Können Sie wickeln Sie Ihren javascript-code in

    document.addEventListener("DOMContentLoaded", function(event) { 
  //do work with $
});

    Oder umgestalten von code nicht inline javascript 🙂

    InformationsquelleAutor der Antwort Serge Seletskyy

  3. 8

    'application.js' der Schienen 5.0.1 die Standardeinstellung ist

    //= require bootstrap
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

    ändern 

    //= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require bootstrap

    *jquery zuerst geladen, bevor bootstrap

    InformationsquelleAutor der Antwort mpalencia

  4. 1

    Einem anderen Ort zu prüfen, ist der <head> des application.html.erb Datei.

    Sicher sein, dass Sie die Belastung in jQuery vor die Bootstrap-javascript.

    InformationsquelleAutor der Antwort ConorB

  5. 0

    Stieß ich auf die gleiche Fehlermeldung in der Konsole.

    Nur sicherstellen, dass jQuery über Bootstrap in Ihrer 'assets/javascripts/application.js' Datei

    Lösung:

    //= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require bootstrap

    InformationsquelleAutor der Antwort Kai Brabo

Schreibe einen Kommentar