[英]Closing manually triggered Bootstrap 4 Popper.js Tooltip
我使用 jQuery 觸發 Bootstrap 4 Popper.js 工具提示,如下所示:
$('.like-btn').on('click',function(){$(this).tooltip('show');});
工具提示應在幾秒鍾后消失。 以下解決方案不起作用:
// 1
$('.like-btn').on('click',function({$(this).tooltip('show').delay(2000).tooltip('hide');});
// 2
$('.like-btn').on('click',function(){$(this).tooltip({delay{show:0,hide:2000}});});
// 3
...; setTimeout($('.like-btn').tooltip('hide'), 2000);
您可以像這樣在鏈接按鈕上將觸發器屬性設置為“焦點”
$('.like-btn').popover({ trigger: 'focus' });
tooltip('show')
返回調用它的 DOM 元素。 此外,您不應該直接調用tooltip('show')
,因為這樣 tooltip 將表現得像常規工具提示,而不是您需要通知引導程序您要手動觸發它
$(function () {
$('.like-btn').tooltip({ trigger: 'manual'}); //inform bootstrap that we wish to handle programtically
$('.like-btn').on('click',function(){
$(this).tooltip('show');//show
setTimeout(()=>{
$(this).tooltip('hide'); // hides when timeouts
}, 2000);
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.