ruby-on-rails - Bootstrap 弹出框不工作 Rails

标签 ruby-on-rails twitter-bootstrap popover twitter-bootstrap-rails

我无法让我的 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
*/

我收到错误:未捕获类型错误:加载页面时对象 [object Object] 没有方法“popover”。我做错了什么?

编辑:我还尝试在 application.js 中使用 require bootstrap 而不是工具提示和弹出框,但没有成功。

最佳答案

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

关于ruby-on-rails - Bootstrap 弹出框不工作 Rails,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15790567/

相关文章:

ruby-on-rails - rails : Efficient query for X objects before/after model in ranked list

ruby-on-rails - 除 rake 任务外运行初始化程序

ruby-on-rails - content_for 与片段缓存结合使用的解决方法

ruby-on-rails - 如何简化 Rails 中的大型 respond_to block

html - 如何在没有 CDN 的情况下使用 Bootstrap ?

html - x-editable popover 未完全显示

javascript - 工具提示的最后更新 Bootstrap 脚本不起作用

html - 输入为空时光标没有垂直对齐,是 Bootstrap/浏览器的错误吗?

ios - 关闭 2 个 ViewController

ajax - Bootstrap Multiple Popover - 通过 Ajax 加载内容 TypeError