BootStrap自定义popover,点击区域隐藏功能的实现

大佬教程收集整理的这篇文章主要介绍了BootStrap自定义popover,点击区域隐藏功能的实现，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

当用bootstrap时，经常需要在某个地方添加帮助按钮，点击或者鼠标悬浮时，提示帮助信息，然而，bt给我们提供的方法里貌似没有，如果有哪位大神知道bootstrap有的可以留言，小弟学习了：

代码如下

之前的按钮必须定义class为pop；

内容 if (!target.hasClass('popover') && !target.hasClass('pop') && !target.hasClass('popover-content') && !target.hasClass('popover-title') && !target.hasClass('arrow')) { $('.pop').popover('hide'); // 当点击body的非弹出框相关的内容的时候，关闭所有popover } }); $(".pop").click(function (event) { $('.pop').popover('hide'); // 当点击一个按钮的时候把其他的所有内容先关闭。 $(this).popover('toggle'); // 然后只把自己打开。 }); });

大佬总结

以上是大佬教程为你收集整理的BootStrap自定义popover,点击区域隐藏功能的实现全部内容，希望文章能够帮你解决BootStrap自定义popover,点击区域隐藏功能的实现所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。