ruby-on-rails - 引导弹出窗口不起作用 Rails

Question

我无法让我的引导弹出框在我的 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
*/

我收到错误：加载页面时未捕获的类型错误：对象 [对象对象] 没有方法“弹出框”。我究竟做错了什么？

编辑：我也试过在我的 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

我终于按照这里的建议解决了这个问题。

我不得不将这一行添加到我的 development.rb 文件中：

config.serve_static_assets = false

Answer 3

试试这个rake assets:clean命令。这应该会删除所有未采纳您的更改的旧版 JS/CSS。

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