ruby - 如何使 Rails 中的 Flash 消息超时

标签 ruby ruby-on-rails-3 twitter-bootstrap alert

我目前有标准的 flash 消息和用于成功/失败等的设计 gem。我已经添加了通过关闭类使用一些 Bootstrap 功能手动关闭消息的选项。下面显示了一个小片段。

{ 
  <a class="close" data-dismiss="alert">&#215;</a>
  <%= content_tag :div, msg, :id => "flash_#{name}" %>
}

我希望有一个选项来创建一个超时期限,警报消息将在 5 秒后关闭。不确定是否有在 Rails 中执行此操作的简单方法。

谢谢

最佳答案

如果你在同一个页面中加载了 jQuery,这对你有用

<div id="flash">
  <a class="close" data-dismiss="alert">&#215;</a>
  <%= content_tag :div, msg, :id => "flash_#{name}" %>
</div>

<script type="text/javascript">
$(document).ready(function(){
  setTimeout(function(){
    $('#flash').remove();
  }, 5000);
 })
</script>

关于ruby - 如何使 Rails 中的 Flash 消息超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15577555/

相关文章:

ruby-on-rails - 从多个模型访问变量

ruby-on-rails - 头像默认图片不显示

javascript - Bootstrap Accordion 。保留多个面板的页面加载状态

ruby-on-rails - Ruby on Rails 控制台在加载时挂起

ruby-on-rails - 用于 Ruby on Rails 开发的 Linux 支持的 IDE

ruby - 如何使用 'do' 关键字语法创建接受匿名函数的函数?

ruby-on-rails - 为什么要在 Rails 中使用 config.assets.prefix ?

ruby - 找不到 ubuntu 上的 Rails - 但在我的 gem 安装列表中

ruby-on-rails - 如何根据用户正在进行的操作触发和配置 Bootstrap Tour?

javascript - Bootstrap 3 导航栏折叠