Bootstrap ToolTip требуется двойной щелчок вместо одного клика

Question

Если я щелкаю по другому полю с всплывающей подсказкой, для отображения всплывающей подсказки требуется двойной щелчок.Я не уверен, какая часть моего кода неверна.Я ссылался на другие сообщения Stackoverflow, но ни одна из них не решила проблему.Я использую Bootstrap версии 4+

Я поместил следующий код в (документ) .ready function

function call(){
        console.log('calling tooltip method');
        $('[data-toggle="tooltip"]').tooltip({placement:"right",trigger:"click",html: true});

    }
    function hide(){
          $('body').on('hidden.bs.tooltip', function (e) {
            $(e.target).data("bs.tooltip")._activeTrigger.click = false;
          });
          $('html').on('click', function(e) {
            if (typeof $(e.target).data('original-title') == 'undefined') {
              $('[data-original-title]').tooltip('hide');
            }
          });
        $(document).on('show.bs.tooltip', function() {
            $('.tooltip').not(this).hide();
        });