Cómo enlazar bootstrap popover en elementos dinámicos

Estoy usando la ventana emergente de Twitter Bootstrap en la lista dinámica. El elemento de la lista tiene un botón, cuando hago clic en el botón, debería aparecer una ventana emergente. Funciona bien cuando he probado en no dinámico.

Este es mi JavaScript para la lista no dinámica

$("button[rel=popover]").popover({ 
    placement : 'right',
    container : 'body',
    html : true,
    //content:" <div style='color:red'>This is your div content</div>"
    content: function() {
      return $('#popover-content').html();
    }

    })
    .click(function(e) {
        e.preventDefault();
});

Sin embargo, no funciona bien en la lista dinámica. Puede aparecer cuando hago clic en el botón "dos veces" y solo aparece uno de los elementos de la lista en el que hago clic por primera vez.

Mi html:

 <ul id="project-list" class="nav nav-list">
   <li class='project-name'>
     <a >project name 1
         <button class="pop-function" rel="popover" ></button>
     </a>
   </li>
   <li class='project-name'>
     <a>project name 2
        <button class="pop-function" rel="popover" ></button>
     </a>
   </li>

 </ul>

<div id="popover-content" style="display:none">
    <button class="pop-sync"></button>
    <button class="pop-delete"></button>
</div>

Mi JavaScript para dinámica:

$(document).on("click", "#project-list li" , function(){
   var username = $.cookie("username");
   var projectName = $(this).text()
   $("li.active").removeClass("active");
   $(this).addClass("active");
   console.log("username: " +username + " project name: "+projectName );
});


$(document).on("click", "button[rel=popover]", function(){
    $(this).popover({ 
       placement : 'right',
       container : 'body',
       html : true,
    content: function() {
       return $('#popover-content').html();
        }

    }).click(function(e){
    e.preventDefault();
    })

});


//for close other popover when one popover button click
$(document).on("click", "button[rel=popover]" , function(){

        $("button[rel=popover]").not(this).popover('hide');
 });

He buscado problemas similares, pero todavía no puedo encontrar el que resuelva mi problema. Si alguien tiene alguna idea, por favor hágamelo saber. Gracias por tu ayuda

Respuestas a la pregunta(4)

Su respuesta a la pregunta