Rails 4 - Bootstrap Popovers - js not working

本文关键字：not working js Bootstrap Rails Popovers 更新时间：2024-02-25

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

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

/= require jquery
//= require bootstrap

我还尝试过将requirebootstrap替换为requirebootstrapp链轮（但没有什么区别）。

我在javascript文件夹中有另一个名为organizations.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>

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

有人能看到需要做些什么才能让它发挥作用吗？我不确定我是否应该在咖啡文件中的行周围加上脚本标签。我试过了，但对这个问题没有什么区别。

您在jQuery中没有使用正确的选择器，因此popover没有应用于正确的类。您需要：

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

之前，您只是选择一个名为label-with-popover的元素，但该元素并不存在。您需要选择类别.label-with-popover