0

所以我现在正在努力一段时间才能得到与Simple_form的酥料饼的工作..引导酥料饼与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

我在想什么?

回答

0

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

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

什么都没有.. –

+0

请确保您选择正确的元素与jQuery。查找输入元素的ID并将其用作选择器,可能是:'$('#user_first_name')'。 – zwippie

+0

知道了所有检查..它不起作用。 –