usando twitter bootstrap 2.0 con 3.2 (archivos css en activos/hojas de estilo, no el uso de menos o sass ahora)

Tengo un bootstrap de estilo de error o éxito de alerta en la parte superior de mi pantalla (en función de si la primera palabra del mensaje == «Error».
He añadido ‘bootstrap.js’ & ‘bootstrap-alert.js’ a los activos/javascript carpeta.

Aquí está el código en mi diseño:

<% 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 %>

En mi assets/javascripts/application.js tengo:

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

Seguro que no la necesito tanto? probé con .alerta /.alerta de error así.

No pasa nada cuando hago clic en el símbolo de cierre, estoy seguro de que me estoy perdiendo algo muy obvio, pero soy nuevo en el uso de JS /w Rieles, no puede entender esto.
En el Chrome JS consola me aparece este mensaje de error, que parece ser de alrededor de bootstrap-alert.js datos de la api:

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

Muchas gracias por los consejos!

Segundos después de hacer clic en ‘enviar’ en esta pregunta, te das cuenta de que el problema… El problema fue causado por tener «jquery.js’ y ‘jquiery-ui.js’ también en el javascript de la carpeta, se debe tener chocando los nombres de los/las clases. Después de la eliminación de la jquiery archivos el error de js desaparecido en la carga de la página y el aviso de despido funciona ahora… d’oh
Usted debe agregar esto como una respuesta y aceptarlo 🙂

OriginalEl autor bobomoreno | 2012-02-11

3 Comentarios

  1. 16

    Tuve el mismo problema, y miró a su respuesta bobomoreno, pero no funcionó. Más tarde me enteré de que la última versión de Bootstrap requiere jQuery 1.7.x y no funciona con versiones anteriores de jQuery.

    Gracias! me salvó un montón de problemas y el tiempo 😀
    He actualizado mi Gemfile para especificar gem jquery-rails ~> '2.0' (el cual se jQ 1.7.x), pero todavía no recibe el evento de cierre del fuego. 🙁
    No sé nada sobre rieles, pero ha actualizado el cliente de referencia así como a señalar a la nueva versión de jQuery?
    De acuerdo. Sustitución 1.6.4.min con la 1.7.2.min solucionado el problema para mí.

    OriginalEl autor Dofs

  2. 6

    Tuve el mismo problema – aviso de despido no funciona para mí. La solución fue similar a la bobomoreno, pero no el mismo. Yo tenía un archivo app/assets/javascripts/bootstrap.js.coffee con algunos personalizado cosas, que era necesario en lugar de bootstrap del javascripts. Me fijo por el cambio de nombre a bootstrap-custom.js.coffee, así bootstrap archivos del fue debidamente requerido.

    Esta fue mi respuesta, y en realidad tiene sentido. El movimiento alrededor de jquery y jquery versiones es un arenque rojo.

    OriginalEl autor jmatraszek

  3. 4

    Como se indica en los comentarios, el problema parece haber sido ocasionado por la competencia archivos Javascript.

    El problema fue causado por tener «jquery.js’ y ‘jquery-ui.js’ también en el Javascript de la carpeta, se debe tener chocando los nombres de los/las clases.

    Después de la eliminación de los archivos de jQuery el error de js desaparecido en la carga de la página y el aviso de despido funciona ahora

    OriginalEl autor bobomoreno

Dejar respuesta

Please enter your comment!
Please enter your name here