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
*/

我收到错误：Uncaught TypeError：对象[object Object]在加载页面时没有方法'popover'。我做错了什么？

编辑：我也尝试过在我的application.js中使用require bootstrap而不是tooltip和popover，但没有运气。

Answer 1

尝试将代码放在/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 2

我终于按照建议here找出了问题。

我必须将该行添加到我的development.rb文件中：

config.serve_static_assets = false

Answer 3

尝试rake assets:clean命令。这应该删除任何未获取更改的旧版JS / CSS。

对于大多数浏览器，您可以查看页面的来源以检查其正在使用的资产文件的版本，看看您的更改是否在那里被选中，如果不是，则可能会有效。

Bootstrap popover不工作Rails

3 个答案: