javascript - Bootstrap 警报关闭不起作用，rails 3.2

Question

在 Rails 3.2 中使用 twitter bootstrap 2.0( Assets /样式表中的 css 文件，现在不使用 less 或 sass)

我的屏幕顶部有 Bootstrap 样式的错误或成功警报(基于消息的第一个字是否 ==“错误”。 我已将“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 %>

在我的 assets/javascripts/application.js 中我有:

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

不确定我需要两者吗？也尝试使用 .alert/.alert-error。

当我单击关闭符号时没有任何反应，我确定我遗漏了一些非常明显的东西，但我是使用 JS/w Rails 的新手，无法弄清楚这一点。 在 Chrome JS 控制台中，我看到了这条错误消息，它似乎与 bootstrap-alert.js data-api 有关:

Uncaught TypeError: Object [object Object] 没有方法 'on'

非常感谢任何提示!

Answer 1

我遇到了同样的问题，并查看了您的答案 bobomoreno，但没有用。后来我发现最新版本的 Bootstrap 需要 jQuery 1.7.x并且不适用于旧版本的 jQuery。