我使用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);
答案 0 :(得分:0)
您可以像这样在链接按钮上将触发属性设置为“焦点”
$('。like-btn')。popover({ 触发:“焦点” });
答案 1 :(得分:0)
tooltip('show')
返回被调用的DOM元素。另外,您不应该直接调用tooltip('show')
,因为工具提示的行为类似于常规工具提示,而您需要通知引导程序您要手动触发它
$(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);
});
});