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.js到 vendor/assets/javascripts 和//= require addclips.js我的 application.js

我的 addclips.js 文件如下所示：

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

有人可以帮我将所有内容组合在一起并向我解释我必须包含的 Javascript 以供我输入吗？

4

1 回答 1

3

我不完全确定你想在弹出窗口中显示什么，但是让它在你的输入字段的悬停时触发将需要data-在弹出窗口选项的标签中添加一些引导属性，以及一个 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>

带有 jQ​​uery 和 Bootstrap 的 JS

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