工具提示不会隐藏，如果我们在点击时禁用了按钮

Question

Tooltip is not hiding, if we disabled the button on click

$("#btn").on("click", function () {
  $(this).prop("disabled", true);
});

here is an running example. https://jsfiddle.net/JitanGupta/e8fjd0nL/

I am using basic setup with bootstrap 4

Answer 1

use hide or show :

        $("#btn").on("click", function () {
            $(this).prop("disabled", true);
             $('[data-toggle="tooltip"]').tooltip('hide');
        });

Answer 2

Just use single line of code for hiding any element tooltip after click.

$(document).on("click","*[data-toggle='tooltip']",function(){$(this).tooltip('hide');});

Answer 3

The only thing that worked for me is

$("[role='tooltip']").remove()

Removes any tooltip on the page