Aggiunta di popover di Bootstrap di Twitter diversi agli elementi creati dinamicamente

Question

Sto provando ad aggiungere i popover agli elementi creati dinamicamente. Ogni tipo di elemento (sia ContentEditable o Img o Video) deve avere un contenuto di popover diverso.

Perché sono elementi dinamici, chiamo la popovers come segue:

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

Dove popoverImage è una variabile che ha il contenuto del popover per l'elemento IMG.

Il problema si presenta quando provo ad aggiungere un altro popover. Non mostra. Ho provato il seguente:

1. Avere 2 selettori e chiamarli in diverse funzioni $('body')popover({...}).
2. Modifica dell'elemento body in un contenitore generato dinamicamente.
3. Modifica della variabile che contiene i dati "contenuto" ogni volta che un nuovo elemento è focalizzato.

Qualche idea?

Answer 1

Quello che vi serve è quando si aggiunge un nuovo controllo aggiungere il popover allo stesso tempo:

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

} 

Questo dovrebbe funzionare con il codice vero e proprio per la popover.