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 相关文章推荐
在新窗口打开超链接的方法小结
Apr 14 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
常用的javascript设计模式
Jan 11 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 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 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
2019/09/18 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
代码分析Python地图坐标转换
2018/02/08 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
文秘专业个人求职信
2013/12/22 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
离婚起诉书范本
2015/05/18 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
帝企鹅日记观后感
2015/06/10 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书