使用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="#">×</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.