Bootstrap JS不能在Rails 4中工作

Question

我遇到了Bootstrap的Javascript部分與我的Rails應用程序無法正常工作的問題。例如，下面的代碼應該使用Bootstrap version of the popover，但是，當我將鼠標懸停在我的鏈接上時，我只是獲得了基本的工具提示。我錯過了什麼？

的Gemfile

gem "bootstrap-sass" 

的application.js

//= require modernizr 
//= require jquery 
//= require jquery_ujs 
//= require jquery.cookie 
//= require jquery.piechart 
//= require jquery.dlmenu 
//= require jquery.tooltipster 
//= require bootstrap-sprockets 
//= require mithril 
//= require_tree . 

application.css.scss

/* 
*= require bootstrap 
*= require font-awesome.min 
*= require tooltipster 
*= require_self 
*/ 

@import "normalize"; 
@import "util"; 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "fonts"; 
@import "app"; 
@import "media-queries"; 
@import "login"; 
@import "header"; 
@import "alerts"; 
@import "hero"; 
@import "feedback"; 
@import "reports"; 
@import "main-content"; 
@import "popovers"; 
@import "push-menus"; 
@import "footer"; 

index.html.erb

<a tabindex="0" role="button" 
    data-toggle="popover" data-trigger="focus" 
    title="Severity Score" data-content="Severity score is..."> 
    <%= image_tag("tooltips/tooltip-question.png") %> 
</a> 

Answer 1

你可以通過JS需要enable popovers：

模板（添加class但你可以使用id或其他）：

<a class="popover" tabindex="0" role="button" 
    data-toggle="popover" data-trigger="focus" 
    title="Severity Score" data-content="Severity score is..."> 
    <%= image_tag("tooltips/tooltip-question.png") %> 
</a> 

JS代碼：

$(function() { 
    $('.popover').popover(); 
}); 

如果您打算使用相同的選項對所有popovers，你可以使用以下的選擇：

$("[data-toggle=popover]").popover({placement: 'right'});