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


Posted in Javascript onFebruary 27, 2017

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秒后定时消失,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js中parseInt函数浅谈
Jul 31 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
JavaScript面对国际化编程时的一些建议
Jun 24 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
js中的闭包学习心得
Feb 06 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
jQuery实现元素的插入
Feb 27 #Javascript
jQuery实现导航回弹效果
Feb 27 #Javascript
使用jQuery操作DOM的方法小结
Feb 27 #Javascript
jQuery模拟淘宝购物车功能
Feb 27 #Javascript
原生js实现轮播图
Feb 27 #Javascript
PHP实现本地图片上传和验证功能
Feb 27 #Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 #Javascript
You might like
PHP实现取得HTTP请求的原文
2014/08/18 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
JS 时间显示效果代码
2009/08/23 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
javascript克隆对象深度介绍
2012/11/20 Javascript
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
2019/01/06 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
跟老齐学Python之网站的结构
2014/10/24 Python
Python中的super用法详解
2015/05/28 Python
python字典的常用操作方法小结
2016/05/16 Python
Python制作刷网页流量工具
2017/04/23 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
对python判断是否回文数的实例详解
2019/02/08 Python
python版百度语音识别功能
2019/07/09 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
项目负责人任命书
2014/06/04 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
工资收入证明
2014/10/07 职场文书
高中校园广播稿
2014/10/21 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL