Wie kann ich dynamisches Popup mit HTML erzeugen?

Question

Ich habe eine Jquery: Pop-up

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

    }); 

Und ich habe einen HTML-Code von db. Beispiel:

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

Also, ich möchte diesen HTML in Popup

Wie kann ich tun?

Vielen Dank.

Answer 1

Benötigen Sie .html() vor dem Öffnen.

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

Answer 2

ein Ding wie das Versuchen:

$("#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 
});