Question

我试图弄清楚如何在我的Rails 4应用程序中使用popovers。

我的应用程序中有bootstrap-sass gem。根据文档，我在application.js文件中包含以下内容：

/= require jquery
//= require bootstrap

我也试过交换require bootstrap for require bootstrap-sprockets（但没有区别）。

我的javascripts文件夹中有另一个名为organisations.js.coffee的文件，其中包含：

$('label-with-popover').popover(placement: 'right')

在我看来，我试图让popover工作，我有：

<button type="button"  class="label-with-popover" class="btn btn-default" data-toggle="popover" data-placement="top" data-content="netwerewerwrwe" data-title="test"><i class="fa fa-info-circle"></i></button>

当我尝试这个时，按下它时按钮什么都不做。

任何人都可以看到需要做些什么才能让这个工作？我不确定我是否应该将脚本标签放在咖啡文件中。我试过了，但这对这个问题没什么影响。

Answer 1

您没有在jQuery中使用正确的选择器，因此弹出窗口未应用于正确的类。你需要：

$('.label-with-popover').popover(placement: 'right');

在您选择一个名为label-with-popover但不存在的元素之前。您需要选择班级.label-with-popover

Rails 4 - Bootstrap Popovers - js无效

1 个答案: