Question

我正在尝试使用bootstrap-saas gem在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

你需要打开popover。最常见的方法是给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();

瞧！

Bootstrap page for Popovers显示可用于弹出框的其他选项。

Answer 2

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

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

如何在视图中的表单字段上实现弹出窗口（bootstrap-saas）

2 个答案: