Question

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

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

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

资产/ Javascript角/ application.js中

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

资产/ JavaScript的/ your_controller.js.coffee

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

视图/ your_controller / your_view.html.haml

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

我怀疑在你的情况下会有足够的改变

资产/ JavaScript的/ your_controller.js

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

Rails中的Bootstrap popover - 没有控制台错误，但它没有呈现

1 个答案: