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