欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Bootstrap的popover(弹出框)2秒后定时消失的实现代码

程序员文章站 2023-10-23 10:31:26
bootstrap popover(弹出框)是使用定制的 jquery 插件创建的。它可以用来显示任何元素的一些信息。 先在目标dom结构中弹出小提示,然后2秒后提示消失...

bootstrap popover(弹出框)是使用定制的 jquery 插件创建的。它可以用来显示任何元素的一些信息。

先在目标dom结构中弹出小提示,然后2秒后提示消失

<input type="text" class="form-control" id="tablename" placeholder="请输入表格名称" data-toggle="tooltip" data-placement="top">
<script>
function showpopover(target, msg) {
  target.attr("data-original-title", msg);
  $('[data-toggle="tooltip"]').tooltip();
  target.tooltip('show');
  target.focus();
  //2秒后消失提示框
  var id = settimeout(
    function () {
      target.attr("data-original-title", "");
      target.tooltip('hide');
    }, 2000
  );
}
showpopover($("#tablename"),"表名已存在");
</script>

以上所述是小编给大家介绍的bootstrap的popover(弹出框)2秒后定时消失,希望对大家有所帮助