Bootstrap alert Entlassung nicht funktioniert, rails 3.2

Verwendung von twitter bootstrap 2.0 mit Rails 3.2 (css-Dateien in assets/stylesheets, die nicht mit less oder sass jetzt)

Ich habe eine bootstrap-Stil Fehler-oder Erfolgsmeldung an die Spitze von meinem Bildschirm (abhängig davon, ob das erste Wort der Nachricht == "Fehler".
Ich habe Hinzugefügt 'bootstrap.js' & 'bootstrap-alert.js' die assets/javascript Ordner.

Hier ist der code, der in meinem layout:

<% flash.each do |name, msg| %>
  <% if msg[0..4] == "Error" %>
    <div class="alert alert-error fade in">
  <% else %>
    <div class="alert alert-success fade in">
  <% end %>
  <a class="close" data-dismiss="alert" href="#">&times;</a>
  <%= msg %>
<% end %>

In meinem assets/javascripts/application.js ich habe:

$(".alert-message").alert()
$(".alert-message").alert('close')

Nicht sicher, brauche ich beide? habe versucht mit .Warnung /.Alarm-Fehler als auch.

Passiert nichts wenn ich auf das schließen-symbol, ich bin sicher, ich bin fehlt etwas sehr offensichtlich, aber ich bin noch nicht mit JS /w Schienen, kann nicht dieses heraus.
In der Chrome-JS-Konsole sehe ich diese Fehlermeldung, die scheint zu sein, etwa bootstrap-alert.js Daten-api:

Uncaught TypeError: Object [object Object] has no method 'on'

Vielen Dank für alle Tipps!

Sekunden nach dem anklicken der Schaltfläche 'Absenden' auf diese Frage, die Sie realisieren das problem... Das problem wurde dadurch verursacht, dass 'jquery.js' und 'jquiery-ui.js' auch in den javascripts-Ordner, müssen die widerstreitenden Namen/Klassen. Nach dem entfernen der jquiery Dateien, die js-Fehler verschwunden laden der Seite und dem alert-Entlassung funktioniert jetzt... d ' Oh
Sollten Sie dies als eine Antwort und es akzeptieren 🙂

InformationsquelleAutor bobomoreno | 2012-02-11

  1. 16

    Ich hatte das gleiche Problem, und schaute auf Ihre Antwort bobomoreno, aber es hat nicht funktioniert. Ich fand später heraus, dass die neueste version von Bootstrap benötigt jQuery-1.7.x und funktioniert nicht mit älteren Versionen von jQuery.

    Danke! ersparte mir eine Menge ärger und Zeit 😀
    Ich aktualisierte mein Gemfile festlegen gem jquery-rails ~> '2.0' (die bekommt jQ 1.7.x) aber immer noch nicht das close-Ereignis ausgelöst. 🙁
    Ich weiß nicht, etwas über Schienen, aber Sie haben, aktualisiert der client die Referenz-als auch auf die neue jQuery-version?
    Stimmen. Ersetzen 1.6.4.min mit 1.7.2.min behoben das Problem für mich.

    InformationsquelleAutor Dofs

  2. 6

    Ich hatte das gleiche problem - alert Entlassung nicht für mich arbeiten. Lösung war ähnlich wie bobomoreno ist, aber nicht das gleiche. Ich hatte eine Datei app/assets/javascripts/bootstrap.js.coffee mit einige benutzerdefinierte Sachen, die erforderlich war, statt der bootstrap - javascripts. Ich habe es behoben durch ändern Namen zu bootstrap-custom.js.coffee, so bootstrap - Dateien richtig war erforderlich.

    Dies war meine Antwort, und es macht tatsächlich Sinn. Bewegen jquery und jquery-Versionen ist ein Roter Hering.

    InformationsquelleAutor jmatraszek

  3. 4

    Wie gesagt in den Kommentaren, das problem scheint gewesen zu sein, verursacht durch konkurrierende Javascript-Dateien.

    Das problem wurde dadurch verursacht, dass 'jquery.js' und 'jquery-ui.js' auch in den Javascripts-Ordner, müssen die widerstreitenden Namen/Klassen.

    Nach dem entfernen der jQuery-Dateien, js-Fehler verschwunden laden der Seite und dem alert-Entlassung funktioniert jetzt

    InformationsquelleAutor bobomoreno

Schreibe einen Kommentar