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 相关文章推荐
JavaScript 密码强度判断代码
Sep 05 Javascript
学习ExtJS table布局
Oct 08 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
Apr 12 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
Highcharts入门之简介
Aug 02 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
Node.Js生成比特币地址代码解析
Apr 21 Javascript
Vue axios设置访问基础路径方法
Sep 19 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 5.0 Pear安装方法
2006/12/06 PHP
php桌面中心(三) 修改数据库
2007/03/11 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
php二维数组排序详解
2013/11/06 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
Javascript 汉字字节判断
2009/08/01 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
JS控制阿拉伯数字转为中文大写示例代码
2013/09/04 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
javascript基础知识讲解
2017/01/11 Javascript
Angular2 组件间通过@Input @Output通讯示例
2017/08/24 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
解决python运行启动报错问题
2020/06/01 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
html+css3实现的登录界面
2020/12/09 HTML / CSS
连锁酒店店长职责范本
2014/02/13 职场文书
小学语文国培感言
2014/03/04 职场文书
创业融资计划书
2014/04/25 职场文书
信用卡工资证明格式
2014/09/13 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
学习十八大标语
2014/10/09 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
2016简单的租房合同范本
2016/03/18 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript