html로 동적 팝업을 생성하려면 어떻게해야합니까?

Question

나는 JQuery와 팝업이 :

<div id="dialog-modal" title="Test"> 
    <p>Test</p>  
</div> 

    $("#dialog-modal").dialog({ 
     autoOpen: false, 
     width: 300, 
     height: 250, 
     show: { 
      effect: "blind", 
      duration: 1000 
     }, 
     hide: { 
      effect: "explode", 
      duration: 1000 
     } 
    }); 

    $("#modal-opener").click(function() {  
     $("#dialog-modal").dialog("open"); 

    }); 

을 그리고 난 DB에서 html 코드를 가지고있다. 예 :

ViewBag.Test = "<table><tr><td>Test</td></tr><tr><td>Test 123</td></tr>"; 

그래서, 어떻게 내가 할 수있는 팝업

에이 HTML을 원하는?

감사합니다.

Answer 1

열기 전에 .html()을 사용해야합니다.

$("#modal-opener").click(function() {  
    $("#dialog-modal").html("<b>New HTML</b>");        
    $("#dialog-modal").dialog("open"); 
}); 

Answer 2

이 같은 몇 가지 일을보십시오 :

$("#dialog-modal").html('<table><tr><td>Test</td></tr><tr><td>Test 123</td></tr>'); 
// It will append the passed html to the popup div 

$("#dialog-modal").dialog({ 
    // this will open the popup with the appended html 
});