bootstrap中怎么关闭弹出层

bootstrap中怎么关闭弹出层,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

bootstrap怎么关闭弹出层

bootstrap中怎么关闭弹出层

默认情况下,弹出框在再次点击指定元素后就会关闭,你可以使用 data-trigger="focus" 属性来设置在鼠标点击元素外部区域来关闭弹出框:

<ahref="#"title="取消弹出框"data-toggle="popover"data-trigger="focus"data-content="点击文档的其他地方关闭我">点我</a>

如果你想实现在鼠标移动到元素上显示,移除后消失的效果,可以使用 data-trigger 属性,并设置值为 "hover":

<ahref="#"title="Header"data-toggle="popover"data-trigger="hover"data-content="一些内容">鼠标移动到我这</a>

看完上述内容,你们掌握bootstrap中怎么关闭弹出层的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注恰卡编程网行业资讯频道,感谢各位的阅读!

发布于 2021-07-24 22:39:08
收藏
分享
海报
0 条评论
182
上一篇:layui列表中怎么获取input框的值 下一篇:bootstrap中怎么添加样式表
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码