Question

我使用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）;

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

    }); 

});

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

2 个答案: