HTML打开级联对话框

时间:2014-11-23 17:09:06

标签: javascript jquery html

我在Javascript和JQuery中不是很了解,而且我想知道我想做什么是可能的。

我有一个主HTML页面。从中,我创建并显示如下对话框:

function createBox(id)
{
    wk= executeAjax("#myBox1","proc1.php",myParms); 
    $( "#myBox1").dialog( "option", "height", 400 );
    $( "#myBox1").dialog( "option", "width", 600 ); 

    $( "##myBox1").dialog( "option", "title", id);
    $( "#myBox1".dialog( "open" );

}

这很好用,我的对话框窗口正确创建并显示。

如果可以从此对话框窗口中创建并显示另一个对话框窗口,我想知道什么?可能没有关闭前一个。等等(级联窗口......)。

如果是这样,该怎么办?因为我试过得到以下信息:

错误:在初始化之前无法调用对话框上的方法;尝试调用方法'打开'

如果可能的话,非常感谢。

1 个答案:

答案 0 :(得分:0)

是的,JQueryUI文档支持这个概念。这是两个同时打开的对话框的示例。你想要三个,所以你必须在你希望将相同的代码放入该函数的按钮上实现一个单击功能。 JQuery负责其余的工作。

$("#dialog-message").dialog({
    modal: true,
    draggable: true,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
            }
        }
    });

    $("#dialog-message2").dialog({
    modal: true,
    draggable: true,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
}); 

首先取出AJAX调用以使其运行然后进入AJAX调用并告诉我们发生了什么。