Закрытие запускается вручную Bootstrap 4 Поппер. js Подсказка

Question

Я запускаю Bootstrap 4 Поппера. js Подсказка с jQuery вот так:

$ ('. 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

tooltip('show') возвращает элемент DOM, для которого он был вызван. Также вы не должны напрямую вызывать tooltip('show'), потому что тогда всплывающая подсказка будет вести себя как обычная всплывающая подсказка, вместо этого вам нужно сообщить bootstrap, что вы хотите запустить ее вручную

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

    }); 

});

Answer 2

Вы можете установить свойство триггера как 'focus' на кнопке ссылки следующим образом

$ ('. Like-btn'). Popover ({trigger: 'focus'});