對話框不能正常工作

Question

function showPopup(){ 
    var popup = $('<div>').dialog(); 
    popup.html('<div id="mydiv"></div>'); 
    for (var i=1; i<5; i++) 
     setContent($('#mydiv')); 
     popup.dialog("option", "buttons", {"Add":function(){ 
     //code to add 
     $(this).dialog('close'); 


     $(this).dialog('destroy');},"Cancel":function(){ 
      //code to add 
      $(this).dialog('close'); 
      $(this).dialog('destroy'); 
               },  
     }); 
     } 

     function setContent(container){  
      container.append('<p>sadfsdfsdfsdfdsf</p>');   
     } 

在單擊「添加按鈕」時，將調用showPopup函數，該函數將顯示一個對話框，用於從setContent方法設置其內容。 在第一次點擊時，內容顯示正常，而在進一步點擊時（前一個對話框關閉後），不會顯示任何內容。

任何人都可以幫忙。

Answer 1

使用

<div class = "mydiv"></div> 

，而不是ID =「mydiv」