js用append方法追加bootstrap中popover的data-content内容时样式不显示的解决办法

今天做一个小功能时,想用bootstrap的popover弹出框做如下效果:

js用append方法追加bootstrap中popover的data-content内容时样式不显示的解决办法_第1张图片

我 很乖地按照教程敲下代码

+""
$(function () { 
	$("[data-toggle='popover']").popover();
});

却得到这个效果,样式无法显示:

js用append方法追加bootstrap中popover的data-content内容时样式不显示的解决办法_第2张图片

后来仔细看了文档,如下即可:

$(function () { 
	$("[data-toggle='popover']").popover({html : true });
});

菜鸟教程,隐藏好深啊:http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html

以下是菜鸟的例子:








Popover

希望对你们有帮助。

你可能感兴趣的:(JavaScript,Bootstrap)