HTML打开层叠对话框

我不是很熟悉Javascript和JQuery，我想知道我想做什么是可能的。HTML打开层叠对话框

我有一个主要的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");

}

这工作得很好，正确地创建和显示我的对话窗口。

我想知道是否可以从这个对话窗口中创建并显示另一个对话窗口？可能没有关闭前一个。等等（级联窗口...）。

如果是这样，该怎么办？因为我试图得到以下消息：

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

如果可能的话，例如将非常感激。

来源

2014-11-23 Gerard Martinelli

此相关的问题可以帮助你： [如何创建使用jQuery UI层叠的对话框？] [1] [1]：http://stackoverflow.com/questions/17116285/如何做我创建级联对话框框使用jquery-ui – twity1337 2014-11-23 17:16:40

你能写英文吗？ – twity1337 2014-12-02 22:43:19

是的，这是可能的，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调用，并告诉我们发生了什么事情。

来源

2014-12-01 11:31:40

HTML打开层叠对话框

回答

相关问题