jquery - 如何用 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");
});