Twitter 引导工具提示弹出框显示问题

Twitter Bootstrap Tooltip Popover display issues

本文关键字：显示 问题 工具提示 Twitter      更新时间：2023-09-26

我试图同时使用引导弹出框和工具提示。工具提示正确显示为悬停，直到单击弹出框，弹出框会暂时出现，然后消失，此时工具提示停止工作。

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

应用.js：

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

呵呵

： 
<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>
事实证明，

这是一个带有涡轮链接的 Rails 4 问题，通过将 JavaScript 更改为：

var ready = function () {
$('[rel=tooltip]').tooltip({ placement : 'right',
                           container: 'body' });
$('[rel=popover]').popover();
};
$(document).ready(ready);
$(document).on('page:load', ready);
相关文章：