Ruby on rails 如何在视图中的表单字段上实现popover（引导saas）

我正在尝试使用

引导saas

gem在Rails视图中的表单字段上实现popover

<%= 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 %>

{:class=>“form horizontal”}）do | f |%>
“控制标签”%>
“输入名字”%>

---

我缺少了什么？

你需要打开popover。最常见的方法是为popover提供一个类，并使用JS（我的示例将与jQuery一起）打开它

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

瞧

---

显示了可用于弹出窗口的其他选项。

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

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

---

你是在用JS打开popover吗？我不知道我需要用爆米花做这个。最好的方法是什么？为您添加了一个答案。放置此代码的最佳位置是：

$（“.popover input”）.popover（）-在users.js.coffee文件中？我已经这样做了，页面呈现时没有popover功能。还有其他想法吗？你可以把它放在users.js.coffee中，当然，但是你必须确保该文件包含在你的页面上。这是最主要的一点：你的JS必须包含在内才能运行。
$(document).ready(function(){
  $(".popover-input").popover();
});