Bootstrap popover不工作的Rails

Question

我在让我的bootstrap popover在我的rails应用程序中正常工作时遇到了问题。我已经尝试过其他问题的解决方案，但都没有成功。

目前在我的HTML中，我有：

<i class="icon-exclamation-sign" id="info" rel="popover" data-content="some info"></i>

和

<script>  
$(function () {
  $(".icon-exclamation-sign").popover();  
});  
</script>

我的application.js看起来像这样：

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require_tree .
//= require bootstrap-tooltip
//= require bootstrap-popover

我的application.css看起来像这样：

/*
*= require_tree .
*= require bootstrap-datepicker
*/

我得到了错误:未捕获TypeError:对象对象在加载页面时没有方法'popover‘。我做错了什么？

编辑:我也尝试过在我的application.js中使用require代替tooltip和popover，但没有成功。

Answer 1

我最终按照here的建议解决了这个问题。

我必须将这一行添加到development.rb文件中：

config.serve_static_assets = false

Answer 2

尝试将代码放在/app/assets/javascripts/下，看看它是否改变了什么。

/javascripts/some_name.js

$(document).ready(function() {
  $(".icon-exclamation-sign").popover();
});

实际上，我认为问题在于//= require_tree .应该排在最后，尝试以下方法：

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require_tree .

application.css也是如此

Answer 3

尝试使用rake assets:clean命令。这应该会删除任何没有采用您的更改的遗留JS/CSS。

在大多数浏览器中，你可以查看页面的源代码，检查它正在使用的资源文件的版本，看看你的更改是否被采纳，如果没有，这可能会起作用。