JavaScript – Bootstrap警报解雇不工作,轨道3.2

使用twitter bootstrap 2.0与Rails 3.2(资源/样式表中的css文件,现在不使用较少或sass)

我的屏幕顶部有一个自举风格的错误或成功警报(基于消息的第一个字符==“错误”).
我已经添加了’bootstrap.js’& ‘bootstrap-alert.js’到assets / javascript文件夹.

这是我的布局中的代码：

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

在我的资源/ javascripts / application.js我有：

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

不确定我需要两个？尝试使用.alert / .alert-error.

当我点击关闭符号时,没有任何事情发生,我确定我缺少一些非常明显的东西,但是我是使用JS / w Rails的新手,无法理解.
在Chrome JS控制台中,我看到这个错误消息,这似乎是关于bootstrap-alert.js data-api的：

未捕获TypeError：Object [object Object]没有方法’on’

非常感谢任何提示！

解决方法

我有同样的问题,看着你的答案bobomoreno,但它没有奏效.我后来发现Bootstrap的最新版本需要 jQuery 1.7.x,并且不适用于旧版本的jQuery.

原文地址：https://www.jb51.cc/js/153362.html