ruby-on-rails - 如何在视图中的表单字段上实现弹出框（bootstrap-saas）

Question

我正在尝试使用bootstrap-saasgem 在 Rails 视图中的表单字段上实现弹出框。

<%= form_for(@user, :html => { :class => "form-horizontal" }) do |f| %>

  <div class="control-group">
<%= f.label :fname, "First Name", :class => "control-label" %>

    <div class="controls">
  <%= f.text_field :fname, class: "input-large", rel: "popover", :"data-content"=>"Enter First Name" %>
</div>

  </div>

<% end %>

我错过了什么？

Answer 1

在 assets/javascript/ custom.js上创建一个新的 js 文件

$(document).ready(function(){
  $(".popover-input").popover();
});

Answer 2

您需要打开弹出框。最常见的方法是给 popover 一个类，并使用 JS（我的示例将使用 jQuery）来打开它。

# view
# ...
<%= f.text_field :fname, class: "input-large popover-input", rel: "popover", :"data-content"=>"Enter First Name" %>

（注意额外的类名popover-input。随便你怎么称呼它。）

# JS
# ...
$(".popover-input").popover();

瞧！

Popovers的Bootstrap 页面显示了可用于 popovers 的其他选项。