Twitter Bootstrap工具提示弹出窗口显示问题

Question

我正在尝试使用bootstrap弹出窗口和工具提示。在单击弹出框之前，工具提示会正确显示为悬停状态，在工具提示停止工作的点消失之前，弹出框会立即出现。

这是使用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>

Answer 1

原来这是一个使用turbolinks的Rails 4问题，通过将JavaScript更改为：

var ready = function () {
$('[rel=tooltip]').tooltip({ placement : 'right',
                           container: 'body' });
$('[rel=popover]').popover();
};

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