1.js调用

给需要使用popover的元素写一个id，

然后简历options对象，有一系列的值，也就是html中可以定义的那些除了data-的部分

最后用这个options对象去初始化即可

示例：

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$(document).ready(function(){
	var options = {
		'title':'test',
		'content':'a test popover',
		'trigger':'hover'
	}
	$('#navibtn').popover(options);
});

[/pcsh]

2.popover与元素都写在了一起

首先在元素标签里对popover的数据进行初始化，配置

然后用jq启动。就可以了 示例

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$("[data-toggle='popover']").popover();

[/pcsh]

示例：

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">点我弹出/隐藏弹出框</button>  
$(document).ready(function(){
	var options = {
		'title':'test',
		'content':'a test popover',
		'trigger':'hover'
	}
	$("[data-toggle='popover']").popover();
	$('#navibtn').popover(options);
});

[/pcsh]

 

 

 

 

 

 

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 779 位童鞋阅读过。