自动隐藏引导工具提示

Question

我想在几秒钟后自动隐藏Boostrap工具提示.

 <input type="text" title="" data-placement="bottom" style="width:200px" data-toggle="tooltip" autocomplete="off" data-provide="typeahead" class="form-control Waring" name="medicine_name" id="medicine_name" data-original-title="Please Enter Valid medicine name">

Answer 1

我在所有引导程序工具提示中使用它来进行页面范围的自动隐藏:

$(function () {
   $(document).on('shown.bs.tooltip', function (e) {
      setTimeout(function () {
        $(e.target).tooltip('hide');
      }, 10000);
   });
});

Answer 2

Bootstrap 具有开箱即用的功能，您可以在选项中设置延迟属性（在 js 中）

delay: { show: 500, hide: 100 }

在 HTML 中：

data-delay='{"show":"500", "hide":"100"}'

100 毫秒后隐藏将被触发