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 - 沒有控制檯錯誤，但它不是渲染

回答

相關問題