使用Twitter Bootstrap 2.0与Rails 3.2(CSS文件在assets/stylesheets中,目前不使用less或sass)
我在屏幕顶部添加了一个基于Bootstrap样式的错误或成功提示框(根据消息的第一个单词是否为“Error”)。我已将'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="#">×</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] has no method 'on'
非常感谢任何提示!