Bootstrap Popover 隐藏的Javasript方法
来源:互联网 发布:js修改div属性 编辑:程序博客网 时间:2024/06/05 11:22
Bootstrap Popover是Bootstrap的弹出提示控件。我们可以通过data属性或者Javascript来调用该控件。data属性调用定制性较差这里就不细说了,我们讲一下Javascript来调用。
初始化
$().popover(options)
对于jQuery选择器选到的元素调用jQuery.fn.popover(options)完成初始化,options是一个对象可以包含以下属性:
延时显示/隐藏时间
对象结构为 delay: { show: 500, hide: 100 }
将提示框放在特定的容器里
基本方法
.popover('show')
显示提示。
.popover('hide')
隐藏提示。
.popover('toggle')
显示/隐藏提示。
.popover('destroy')
销毁
更多需求
一般这些方法可以满足要求。
- 但是如果我们想对弹出提示写入HTML,并对里面的元素进行事件绑定,可能就出现问题了,因为文档没有告诉你怎么获得该弹出提示对象。
- 或者,如果我不想让该弹出提示弹出时候,除了销毁,我们也没有更好的办法,可是销毁后,想再次使用只能再次初始化……
- 又或者……
实际上Bootstrap有些隐藏的方法能满足我们的需求。
注:实际上很多方法可以使用类似于.popover('xxx')的方法调用,但某些需要获取其返回值得方法却不能使用,因为我们知道jQuery中的方法一般都会返回this,所以我们没法得到我们想要的东东。所以为了统一,我们推荐用下面的方法调用。
获取Popover对象
实际上,弹出提示是由内建的Popover对象管理的,jQuery.fn.popover方法只是调用Popover对象中的方法而已。所以首要是取出Popover对象供我们使用,而这一对象又在该元素的jQuery缓存中,我们可以这样取出:
$().data('popover');
例如:
var popoverObj = $('#element').data('popover');
然后我们就可以通过该对象的方法来完成我们想做的东西。
获取弹出提示对象
Popover.tip();
我们可以使用该方法返回jQuery包装后的弹出提示对象,然后进行事件绑定,例如:
popoverObj.tip().on('click', '#someElement', function(evt){ //do something...})
使弹出提示有效或无效
利用Popover.enable() 和 Popover.disable() 方法可以很容易使弹出框生效或无效,而不是销毁他。
当然我们也可以用Popover.toggleEnabled() 方法来切换生效和无效状态。
编辑未选中行时,popover解决方案:
var popover_edit = document.getElementById('Editaccount'); popover_edit.setAttribute('data-content','请选中要操作的行'); $(this).popover(); else{var popover_edit = document.getElementById('Editaccount'); popover_edit.setAttribute('data-content',''); $(this).popover('destroy');}
- Bootstrap Popover 隐藏的Javasript方法
- Bootstrap Popover 隐藏的Javasript方法
- bootstrap popover 点击popover外其他区域自动隐藏
- BootStrap自定义popover,点击区域隐藏功能!
- Bootstrap popover 实现鼠标移入移除显示隐藏功能
- bootstrap气泡组件popover的使用
- Bootstrap ace 中tooltip()与popover()方法demo,亲测
- BootStrap ToolTip , popover
- bootstrap popover稍微修改
- bootstrap popover简单用法
- bootstrap之popover
- Bootstrap的js插件之弹出框(popover)
- bootstrap 中popover的鼠标悬停下拉菜单效果
- Bootstrap的popover(弹出框)在append后弹不出(失效)
- bootstrap popover动态显示时需要注意的地方
- 在HTML中嵌入Javasript的方法
- 在HTML中嵌入Javasript的方法
- javasript自己封装的数组方法
- 使用PyRTF的生成RTF文件
- C#中如何将DataTable中的数据导出到Excel
- 如何学好C语言
- 整型与无符号整型 运算时值的转换
- jfeinstein10的SlidingMenu环境的部署
- Bootstrap Popover 隐藏的Javasript方法
- LVS测试
- JSP表格模板升级(1)-- 用Java反射动态指定方法和参数
- 程序效率篇
- Linux重启系统命令解释
- JS小功能(onmouseover实现选择月份)实例代码
- 虎嗅网到底是怎样的?/看虎嗅CEO李岷--媒体人葛甲的观点
- android-getTextSize返回值是以像素(px)为单位的,setTextSize()以sp为单位
- Android Service 之(Bind Service, 继承自 Binder 类)