簡體   English   中英

使用Simple_Form引導Popover

[英]Bootstrap Popover with 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輸出:

<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>

一個有效的例子

我想念什么?

數據屬性錯誤。 嘗試這個:

<%= 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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM