0

我正在尝试在我的 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 中看不到任何错误,并且包含所有工具提示/弹出框脚本。为什么没有在这个元素上发生弹出窗口?

4

1 回答 1

3

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

资产/javascripts/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();
});
于 2013-05-14T03:25:40.443 回答