Question

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

因为它们是动态元素，所以我按照以下方式调用popovers：

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

其中popoverImage是一个变量，其中包含img元素的弹出窗口内容。

当我尝试添加另一个弹出窗口时出现问题。它没有显示。我尝试了以下内容：

拥有2个选择器并在不同的$('body')popover({...})函数中调用它们。
将body元素更改为动态生成的容器。
每次关注新元素时，更改具有“内容”数据的变量。

有什么想法吗？

Answer 1

当您添加新控件时，您需要同时添加弹出窗口：

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的实际代码。

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

1 个答案: