时间: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>