popover插件用法
话不多说,先上图:
js实现这个的原理也简单,在按钮上绑定一个点击事件,将相对应的元素设置隐藏和显示。但是这个网页使用bootstrap做的,就懒得费功夫自己写啦。
第一步我们先写一个标签
<a class="btn btn-black phone-btn" tabindex="0" data-trigger="focus" title="iphone用户" data-container="body" data-toggle="popover" data-placement="bottom" data-content="ddd" >IPHONE</a>
我这么懒的人,当时选择直接copy bootstrap中的示例啦
注意:bootstrap中有声明的:由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须要手动初始化的。
所以第二步,我们要在js中手动初始化
$('[data-toggle="