我正在動(dòng)態(tài)列表上使用Twitter Bootstrap的彈出窗口。列表項(xiàng)有一個(gè)按鈕，當(dāng)我單擊該按鈕時(shí)，它將顯示彈出窗口。當(dāng)我在非動(dòng)態(tài)環(huán)境下進(jìn)行測試時(shí)，它可以正常工作。這是我的非動(dòng)態(tài)列表JavaScript$("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();});但是，它在動(dòng)態(tài)列表上效果不佳。當(dāng)我單擊“兩次”按鈕時(shí)，它可以顯示，并且僅顯示我單擊第一時(shí)間的列表項(xiàng)之一。我的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>我的動(dòng)態(tài)JavaScript：$(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'); });我已經(jīng)搜索過類似的問題，但是仍然找不到解決我的問題的方法。如果有人有什么想法，請告訴我。感謝您的幫助。