如何实现Rails关闭按钮

jsvisa

我想在Rails应用程序消息上有一个关闭按钮。

关闭按钮

我读过有关将Rails Flash消息与Twitter Bootstrap集成的信息,但我遇到了麻烦。

保罗·菲达尔戈(Paulo Fidalgo)

这种消息是引导警报查看引导程序文档,并确保已将您的应用程序与引导程序集成在一起。

为了将Flash消息与Bootstrap集成在一起,我建议您遵循以下方法

创建局部 _flash_messages.html.erb

<% flash.each do |type, message| %>
  <div class="alert <%= bootstrap_class_for(type) %> fade in">
    <button class="close" data-dismiss="alert">×</button>
    <%= message %>
  </div>
<% end %>

然后在您的application.html.erb添加:

<%= render partial: "shared/flash_messages", flash: flash %> 

在您的application_helper.rb

module ApplicationHelper

  def bootstrap_class_for flash_type
    case flash_type
      when :success
        "alert-success"
      when :error
        "alert-error"
      when :alert
        "alert-block"
      when :notice
        "alert-info"
      else
        flash_type.to_s
    end
  end

end

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Ruby on Rails中关闭按钮

来自分类Dev

如何禁用关闭按钮?

来自分类Dev

如何使JQuery关闭按钮?

来自分类Dev

在角度指令中实现关闭按钮

来自分类Dev

如何实现选择按钮

来自分类Dev

如何实现停止按钮

来自分类Dev

如何实现我的按钮?

来自分类Dev

如何暂时关闭关闭按钮功能?

来自分类Dev

如何实现点击按钮的顺序?

来自分类Dev

如何实现按钮插入单选按钮

来自分类Dev

如何停止关闭按钮关闭多个标签?具有关闭按钮的C#TabControl

来自分类Dev

如何在颤动中单击(关闭)按钮以关闭抽屉?

来自分类Dev

如何拦截gtk窗口关闭按钮单击?

来自分类Dev

如何在GWT中添加关闭按钮

来自分类Dev

如何隐藏/禁用GNOME窗口的关闭按钮?

来自分类Dev

如何用按钮关闭Java SWT窗口?

来自分类Dev

如何在右侧放置表格的关闭按钮?

来自分类Dev

关闭窗口后,如何使按钮正常?

来自分类Dev

如何在GWT中添加关闭按钮

来自分类Dev

如何用按钮关闭Java SWT窗口?

来自分类Dev

如何隐藏/禁用GNOME窗口的关闭按钮?

来自分类Dev

NSIS:如何区分“取消”和“关闭”按钮

来自分类Dev

如何使按钮同时打开和关闭?

来自分类Dev

单击按钮后如何关闭弹出模式

来自分类Dev

如何为成功消息创建关闭按钮?

来自分类Dev

如何使用触发按钮关闭弹出窗口

来自分类Dev

如何为关闭按钮设置cookie

来自分类Dev

Isotope Click to Toggle - 如何使用关闭按钮

来自分类Dev

如何通过单击按钮打开/关闭功能?