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

问题描述

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

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

这是一个运行示例。 https://jsfiddle.net/JitanGupta/e8fjd0nL/

我正在使用 bootstrap 4 的基本设置

解决方法

使用 hideshow :

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

只需使用一行代码即可在点击后隐藏任何元素工具提示。

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