Bootstrap 在 Rails 中的弹出窗口 - 没有控制台错误，但它没有呈现

Question

我正在尝试在我的 Rails 3.2 应用程序（bootstrap-sass gem）中使用 Bootstrap 的弹出效果。我已经在 application.js 中包含了所有 Bootstrap 的脚本，以及应用于我想要的元素的弹出框代码：

assets/javascripts/application.js:
//= require bootstrap
$('#elem').popover('show')

在我看来，我有这个测试代码：

<a id="elem" href="#" class="btn btn-danger" rel="popover" data-trigger='hover' data-title="Example Popover" data-content="Readymade">hover for popover</a>

当我在浏览器中查看此页面时，我在 Firebug 中看不到任何错误，并且包含所有工具提示/弹出框脚本。为什么这个元素上没有弹出？

Answer 1

我偶然发现了同样的问题，并花了很多时间来解决它。这对我有用：

assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

assets/javascript/your_controller.js.coffee

$ ->
  $('#elem').popover('show')

views/your_controller/your_view.html.haml

=link_to "hover for popover", "#", id: :elem, rel: :popover, data:{title: "Example Popover", content: "Readymade", trigger: "hover"}

我怀疑在你的情况下，足够的变化将是

assets/javascript/your_controller.js

$(document).ready(function() {
  $('#elem').popover();
});