引導酥料餅與Simple_Form

Question

所以我現在正在努力一段時間才能得到與Simple_form的酥料餅的工作..

我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

我在想什麼？

Answer 1

數據屬性錯誤。試試這個：

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