Bootstrap的Rails中的popover - 没有控制台错误，但它不是渲染

我想在我的Rails 3.2应用程序（bootstrap-sass gem）中使用Bootstrap的popover效果。我已经包括了所有引导在application.js中的脚本，用酥料饼的代码一起应用到我需要的元素：Bootstrap的Rails中的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中没有错误，并且包含所有工具提示/弹出窗口脚本。为什么不在这个元素上发生流行？

来源

2013-02-20 hlh

我有时看到您有权要求在'的jQuery之前application.js'文件引导。我不明白为什么，除非你这样做，否则Bootstrap的某些组件不起作用。 – 2013-02-20 18:27:04

我已经偶然发现了同样的问题，并花了相当长的时间来解决它。那什么为我工作：

资产/ Java脚本/ 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-14 03:25:40

感谢您抽出时间留下评论 - 比从未更好的迟到！ :) – hlh 2013-06-04 16:56:08

Bootstrap的Rails中的popover - 没有控制台错误，但它不是渲染

回答

相关问题