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'});