如何使用 JQuery UI 在模式对话框中显示 JavaScript 图

How to display a javascript graph inside a modal dialog using JQuery UI?

本文关键字：显示 JavaScript 对话框 模式 何使用 JQuery UI      更新时间：2023-09-26

我有一个javascript函数graph（）来绘制一个动态图，我想把它放在一个模态对话框中。我写了这个： 

function drawGraphinDialog(){
    $("body").append('<div id="graphdialog"></div>');
    $(document).ready(function(){
         $("#graphdialog").dialog({
                    modal: true,
                    open: function{
                                      graph();
                                 },        
                    height: 600,
                    width: 400,
                    title: 'This is your graph'
                    });
        return false;
    });
}

但模式对话框为空。我应该把函数图（）放在哪里才能正确地把它画在图里？感谢您的帮助！

编辑：图表已使用此库 http://www.graphdracula.net/...因此，如果我在 html 正文页面中调用这个函数 graph（），它会绘制这个图，我实际上可以看到它。

function drawGraphinDialog(){
    $("body").append('<div id="graphdialog"></div>');
    call graph() function and set its content to graphdialog div
    $("#graphdialog").html(graph_content)
$('#graphdialog').dialog({
        modal: true,
        height: 600,
                    width: 400,
                    title: 'This is your graph'
    });
}
相关文章：