向動態創建的元素添加不同的Twitter Bootstrap彈出

Question

我試圖添加彈出到動態創建的元素。每種元素（ContentEditable或Img或Video）都需要具有不同的彈出式內容。

因爲它們是動態的元素，我打電話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

你需要的是，當你添加一個新的控件添加在同一時間酥料餅：

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  
    }); 

} 

這應該與該酥料餅的實際代碼工作。