Twitter Bootstrap Tooltip Popover显示问题

时间:2013-09-12 09:46:31

标签: javascript jquery ruby-on-rails twitter-bootstrap ruby-on-rails-4

我试图使用bootstrap Popover和Tooltip。工具提示正确显示为悬停状态,直到点击弹出窗口,然后在消失之前,工具提示停止工作。

这是使用Ruby-on-Rails 4,如果这有任何区别。

的application.js:

//= require bootstrap
//= require bootstrap-tooltip
//= require bootstrap-popover

$(document).ready(function () {
  $('[rel=tooltip]').tooltip({ placement : 'right' });
  $('[rel=popover]').popover();
});

VEW:

<a href="#" rel="tooltip" data-original-title="first tooltip">
  <i class="icon-question-sign"></i>
</a>

<a href="#" rel="popover" data-original-title="first popover" data-content="this is some popover data">
  <i class="icon-question-sign"></i>
</a>

1 个答案:

答案 0 :(得分:1)

原来这是一个Rails 4问题,turbolinks通过将JavaScript更改为:

解决了这个问题
var ready = function () {
$('[rel=tooltip]').tooltip({ placement : 'right',
                           container: 'body' });
$('[rel=popover]').popover();
};

$(document).ready(ready);
$(document).on('page:load', ready);