0

bootstrap-saasgemを使用して、Railsビューのフォームフィールドにポップオーバーを実装しようとしています。

<%= form_for(@user, :html => { :class => "form-horizontal" }) do |f| %>

  <div class="control-group">
<%= f.label :fname, "First Name", :class => "control-label" %>

    <div class="controls">
  <%= f.text_field :fname, class: "input-large", rel: "popover", :"data-content"=>"Enter First Name" %>
</div>

  </div>

<% end %>

私はこれで何が欠けていますか？

4

2 に答える 2

0

Assets / javascript/ custom.jsに新しいjsファイルを作成します

$(document).ready(function(){
  $(".popover-input").popover();
});
于 2012-11-30T01:11:03.437 に答える
0

ポップオーバーをオンにする必要があります。最も一般的な方法は、ポップオーバーにクラスを与え、JS（私の例ではjQueryを使用）を使用してそれをオンにすることです。

# view
# ...
<%= f.text_field :fname, class: "input-large popover-input", rel: "popover", :"data-content"=>"Enter First Name" %>

（の追加のクラス名に注意してくださいpopover-input。好きなように呼んでください。）

# JS
# ...
$(".popover-input").popover();

そして出来上がり！

ポップオーバーのブートストラップページには、ポップオーバーに使用できる追加のオプションが表示されます。

于 2012-11-29T21:47:47.353 に答える