[英]Twitter Bootstrap Tooltip Popover display issues
我正在嘗試同時使用引導程序Popover和工具提示。 工具提示會正確顯示為懸停狀態,直到單擊彈出窗口為止,該提示會在消失之前短暫出現,此時工具提示會停止工作。
如果有任何區別,它將使用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();
});
誓言:
<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的問題,turbolinks通過將JavaScript更改為來解決了該問題:
var ready = function () {
$('[rel=tooltip]').tooltip({ placement : 'right',
container: 'body' });
$('[rel=popover]').popover();
};
$(document).ready(ready);
$(document).on('page:load', ready);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.