这篇文章给大家分享的是有关Bootstrap中如何实现popover2秒后定时消失的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
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中如何实现popover2秒后定时消失”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!