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

如何使用html生成动态弹出窗口？

2 个答案: