Bootstrap的popover(弹出框)2秒后定时消失的实现代码
时间:2021-05-06 09:41:39|栏目:JavaScript代码|点击: 次
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>
上一篇:Javascript中Math.max和Math.max.apply的区别和用法详解
栏 目:JavaScript代码
本文标题:Bootstrap的popover(弹出框)2秒后定时消失的实现代码
本文地址:http://www.codeinn.net/misctech/115916.html






