簡體   English   中英

Twitter Bootstrap Tooltip Popover顯示問題

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM