关闭手动触发的Bootstrap 4 Popper.js工具提示

Question

我使用jQuery这样触发Bootstrap 4 Popper.js工具提示：

$（'。like-btn'）。on（'click'，function（）{$（this）.tooltip（'show'）;}）;

工具提示应在几秒钟后消失。以下解决方案不起作用：

$（'。like-btn'）。on（'click'，function（）{$（this）.tooltip（'show'）。delay（2000）.tooltip（'hide'）;}）;$（'。like-btn'）。on（'click'，function（）{$（this）.tooltip（{delay：{show：0，hide：2000}}）;}）;;...; setTimeout（$（'。like-btn'）。tooltip（'hide'），2000）;

Answer 1

您可以像这样在链接按钮上将触发属性设置为'焦点'

$（'。like-btn'）。popover（{触发：“焦点”}）;

Answer 2

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);

    }); 

});