我正在尝试将弹出窗口添加到动态创建的元素中.每种元素(ContentEditable或Img或视频)都需要具有不同的弹出窗口内容.
因为它们是动态元素,所以我按照以下方式调用popovers：
$('body').popover({
selector: '[rel=popoverImage]',content: **popoverImage**,html: true,placement: 'top',trigger: 'focus'
});
其中popoverImage是一个变量,它具有img元素的popover内容.
当我尝试添加另一个弹出窗口时出现问题.它没有显示.我尝试过以下方法：
>有2个选择器并在不同的$(‘body’)popover({…})函数中调用它们.
>将body元素更改为动态生成的容器.
>每次聚焦新元素时,更改具有“内容”数据的变量.
有任何想法吗？
解决方法
你需要的是当你添加一个新控件时同时添加popover：
function AddNewElement()
{
var yourElement = '<div id="yourElementId"> The element you want </div>';
$('divToAppend').append(youElement);
var yourPopoverContent = 'Your Personalized popover';
$('#yourElementId').popover({
html : true,content : yourPopoverContent
});
}
这应该适用于popover的实际代码.
