Bootstrap поповер с 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' } %>