[英]Bootstrap Popover with Simple_Form
So i'm trying a while now to get the popover work with Simple_form.. 因此,我现在正尝试一段时间以使Simple_form的弹出窗口工作。
My register.js.coffee file: 我的register.js.coffee文件:
$(".user_first_name").popover()
My Input: 我的输入:
<%= f.input :first_name, input_html: { class: "user_first_name", :rel => "popover", 'data-toggle:' => 'popover', 'data-trigger:' => 'hover', 'data-content:' => 'Some popover content' }%>
I tried in many ways to get this working but i don't know what i'm missing.. 我尝试了多种方法来使它正常工作,但我不知道自己缺少什么。
The Html Outpout of this is : 的HTML输出:
<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>
What am i missing ? 我想念什么?
The data attributes are wrong. 数据属性错误。 Try this:
尝试这个:
<%= f.input :first_name, input_html: { class: "user_first_name", rel: "popover", data: { toggle: 'popover', trigger: 'hover', content: 'Some popover content' } %>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.