Dodawanie różnych popoverów Bootstrap na Twitterze do dynamicznie tworzonych elementów

Question

Próbuję dodać popovers do dynamicznie tworzonych elementów. Każdy rodzaj elementu (ContentEditable lub Img lub Video) musi mieć inną zawartość popover.

Ponieważ są to elementy dynamiczne, dzwonię z popovers następująco:

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

Gdzie popoverImage jest zmienną, która ma zawartość popover dla elementu img.

Problem pojawia się, gdy próbuję dodać kolejny popover. To się nie pokazuje. Próbowałem następujące:

1. Posiada 2 selektory i wywoływanie ich w różnych funkcjach $('body')popover({...}).
2. Zmiana elementu body na dynamicznie generowany kontener.
3. Zmiana zmiennej, która zawiera dane "treści" za każdym razem, gdy koncentruje się nowy element.

Jakieś pomysły?

Answer 1

Co trzeba to podczas dodawania nowego kontrola dodać popover w tym samym czasie:

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

} 

to powinno działać z rzeczywistym kodzie dla popover.