如何在懸停2秒後使引導程序的工具提示消失

我使用的是Tooltip()從。當在元素上方懸停時，出現tooltip。但它保持在那裏，除非你將鼠標從它移開。如何在懸停2秒後使引導程序的工具提示消失

我怎樣才能讓它消失幾秒鐘後彈出，而不是等到鼠標離開元素？

來源

2014-01-21 Quoter

引導操縱諸如$('#element').tooltip('hide')

如果你data-trigger='manual'屬性添加到您的元素提示提供methods，可以控制工具提示是如何顯示或隱藏。

Fiddle

來源

2014-01-21 13:15:38

我用你的建議與'shown.bs.tooltip'事件。但它並沒有消失。完整的函數：'function toolTipIsVisible（）setTimeout（ function（）{（this）.tooltip（'hide'） }，2000）; }' – Quoter

我用一個工作小提琴編輯了我的答案。 –

感謝工作像一個魅力！ – Quoter

如果多的mouseenter和鼠標離開事件的延遲時間「隱藏」內發生的被稱爲多次，可能是提示關閉早於預期。必須丟棄較舊的電話。

$('.bstooltip').on('shown.bs.tooltip', function() { 
    var that = $(this); 

    var element = that[0]; 
    if(element.myShowTooltipEventNum == null){ 
     element.myShowTooltipEventNum = 0; 
    }else{ 
     element.myShowTooltipEventNum++; 
    } 
    var eventNum = element.myShowTooltipEventNum; 

    setTimeout(function(){ 
     if(element.myShowTooltipEventNum == eventNum){ 
      that.tooltip('hide'); 
     } 
     // else skip timeout event 
    }, 2000); 
});

Fiddle

來源

2015-01-09 10:35:08 ksbn

非常感謝..... – Gurria

下面是一個簡單的答案

$(selector).tooltip({title:"somthing~", trigger:"hover", delay:{hide:800}, placement:"top"});

只給隱藏參數延遲選項。

它做工精細更注重事件不要點擊事件（我不知道爲什麼。）

來源

2016-08-04 02:49:06 Shaffron

如何在懸停2秒後使引導程序的工具提示消失

回答

相關問題