bootstrap 点击空白处popover弹出框隐藏实例

网友投稿 264 2023-02-25


bootstrap 点击空白处popover弹出框隐藏实例

代码:

data-container="body" data-toggle="popover" data-placement="bottom"

data-content="底部的 Popover 中的一些内容"> aaaa

data-container="body" data-toggle="popover" data-placement="bottom"

data-content="底部的 Popover 中的一些内容"> aaaa

注意点:

1、不适用于button,a、img等可用

2、show.bs.popover:当调用show 实例方法时立即触发该事件。

shown.bs.popover:当弹出框对完全弹出时触发该事件(将等待 css 过渡效果完成)。

hide.bs.popover:当调用hide 实例方法时立即触发该事件。

hidden.bs.popover:当工具提示完全隐藏时触发该事件(将等待 CSS 过渡效果完成)。

3、引入jquery和bootstrap头文件

4、取消冒泡


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:软件开发 接口文档(软件开发接口文档什么时候写)
下一篇:java八大经典书籍 你看过几本?
相关文章

 发表评论

暂时没有评论,来抢沙发吧~