使用Simple_Form的Bootstrap Popover

时间:2013-10-14 13:54:48

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4 simple-form popover

所以我现在尝试使用Simple_form来实现popover工作..

我的register.js.coffee文件:

$(".user_first_name").popover()

我的输入:

  <%= f.input :first_name, input_html: { class: "user_first_name", :rel => "popover", 'data-toggle:' => 'popover', 'data-trigger:' => 'hover', 'data-content:' => 'Some popover content' }%>

我试过很多方法让这个工作但我不知道我错过了什么..

Html Outpout就是:

<div class="controls">
  <input autofocus="autofocus" 
  class="string required user_first_name" 
  data-content:="Some popover content" 
  data-toggle:="popover" 
  data-trigger:="hover" 
  id="user_first_name" 
  name="user[first_name]" 
  rel="popover" 
  type="text">
</div>

A working Example

我缺少什么?

1 个答案:

答案 0 :(得分:0)

数据属性错误。试试这个:

<%= f.input :first_name, input_html: { class: "user_first_name", rel: "popover", data: { toggle: 'popover', trigger: 'hover', content: 'Some popover content' } %>