将不同的Twitter Bootstrap弹出框添加到动态创建的元素中

Question

我正在尝试将弹回窗添加到动态创建的元素中.每种元素(ContentEditable或Img或视频)都需要具有不同的弹出窗口内容.

因为它们是动态元素,所以我称之为popovers如下:

$('body').popover({
            selector: '[rel=popoverImage]',
            content: **popoverImage**,
            html: true,
            placement: 'top',
            trigger: 'focus'
        });

哪个popoverImage变量具有img元素的popover内容.

当我尝试添加另一个弹出窗口时出现问题.它没有显示.我尝试过以下方法:

1. 有2个选择器并在不同的$('body')popover({...})功能中调用它们.
2. 将body元素更改为动态生成的容器.
3. 每次聚焦新元素时,更改具有"内容"数据的变量.

有任何想法吗？

Answer 1

你需要的是当你添加一个新的控件同时添加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的实际代码.