1

私は単純なフォームを使用しており、入力に対してポップオーバーを機能させようとしています。

新しいフォーム入力:

<p>
          <%= f.input :title, input_html: { class: 'login-form-block',
                                            id: "login-form-selector",
                                            data: { :toggle => 'popover',
                                                    :trigger => 'hover',
                                                    :content => 'Some popover content' }},
                      :autofocus=>true, label: false, placeholder: "Title",
                      :hint => "Enter a Title for your Clip" %>
        </p>

addclips.jsvendors/assets/javascripts と//= require addclips.jsapplication.jsに追加しました

私の addclips.js ファイルは次のようになります。

$('#login-form-selector').popover()

私の入力のために、誰かがすべてを組み合わせて、これを機能させるために含める必要があるJavascriptを説明してくれませんか?

4

1 に答える 1

3

ポップオーバーに何を表示したいのか完全にはわかりませんが、入力フィールドのホバー時にトリガーするにdata-は、ポップオーバー オプションのタグにいくつかのブートストラップ属性と、1 つの JavaScript メソッド呼び出しが必要です。

タグ出力には、次のdata-フィドルに似た属性が必要です: http://jsfiddle.net/chucknelson/me8Cb/

レール

<p>
    <%= f.input :title, input_html: { class: 'login-form-block', id: 'login-form-selector', data-toggle: 'popover', data-trigger: 'hover', data-content: 'Some popover content' },
                :autofocus=>true, label: false, placeholder: "Title",
                :hint => "Enter a Title for your Clip" %>
</p>

JS と jQuery および Bootstrap

$('#login-form-selector').popover();
于 2013-09-01T11:05:11.077 に答える