我们可以在对话框中打开对话框吗?

时间:2010-12-01 17:49:22

标签: jquery jquery-ui-dialog

我有一个按钮,点击后打开jquery对话框。在那个jquery对话框里面我有另一个按钮,在点击时应打开另一个对话框。第一个对话框正确打开但第二个对话框未打开。谁能告诉我可能出现什么问题?

两个对话框都是非模态的。仍然,第一个开放但第二个没有。

提前致谢:)

3 个答案:

答案 0 :(得分:4)

我不知道jquery对话框是什么,但我猜这里的代码是在显示/创建对话框时针对相同的块(元素),对话框可能有一些选项可以设置如何根据您的需要通过文档打开对话框,你可能会很高兴

查看诸如此类的选项 stack

如果您没有发布任何您不能再期望的代码,那么

答案 1 :(得分:4)

是的,这是可能的。我一直这样做。请发布一些代码,以便我们看到错误。

确保将“stack”属性设置为true,如下所示:

var DialogOptions = {
    draggable: false,
    resizable: false,
    stack: true
};

$('selector').dialog(DialogOptions);
来自jquery文档的

描述:

  

指定对话框是否会   堆叠在其他对话框之上。这个   将导致对话框移动到   当它获得时,其他对话框的前面   对焦。

代码示例

使用指定的堆栈选项初始化对话框。

$( ".selector" ).dialog({ stack: false });

在init之后获取或设置堆栈选项。

//getter
var stack = $( ".selector" ).dialog( "option", "stack" );
//setter
$( ".selector" ).dialog( "option", "stack", false );

答案 2 :(得分:0)

我一直都在做:

function createParentDialog()
{
 $('#parentDialog').dialog({
                autoOpen: false,
                height: 220,
                width: 380,
                resizable: false,
                modal: false,
                buttons: {
                    "Close": function(){
                          $(this).dialog("close");
                         },
                    "Show ChildDialog": function(){ 
                          showChildDialog();
                         }
               }
               });
   function createChildDialog()
   {
     $('#childDialog').dialog({
            autoOpen: false,
            height: 220,
            width: 380,
            resizable: false,
            modal: false});
   }

$(document).ready(function () {
        createChildDialog();
        createParentDialog();
    });