bootstrap获取弹框结果_bootstrap中popover.js(弹出框)使用总结+案例

*bootstrap官方说明：http://v3.bootcss.com/javascript/#popovers

一. popover常用配置参数：

1 //常用配置参数：

2 $(document).ready(function() {

3 $('#temp').popover(

4 {

5 trigger:'click', //触发方式

6 template: '', //你自定义的模板

7 title:"标题",//设置 弹出框 的标题

8 html: true, // 为true的话，data-content里就能放html代码了

9 content:"",//这里可以直接写字符串，也可以 是一个函数，该函数返回一个字符串；

10 }

11 );

12 }

13 //常用方法：

14 $('#element').popover('show');

15 $('#element').popover('hide');

16 $('#element').popover('destroy')

二. 案例分析：

1. 案例要求：动态产生一个按钮，并给页面中所有具有data-toggle="popover"属性的元素绑定popover(弹出框)效果，触发方式：当鼠标指针放到元素上时弹出弹出框，离开元素时，弹出框消失；弹