jQuery不会打开2个连续的模式对话框正确

Question

我想获得一个按钮，在一个jQuery UI模式对话框关闭本身并打开另一个模式对话框。

问题是，打开的第二个对话框始终打开时没有您期望从模态对话框获得的屏幕覆盖层，因此您仍然可以单击模式后面的屏幕。

的jQuery是如下

$(function() { 

    $("#DialogSelectEventType").dialog({ 
     modal: true, 
     autoOpen: true, 
     width: 400 
    }); 

    $("#DialogCreateToDo").dialog({ 
     model: true, 
     autoOpen: false, 
     width: 450 
    }); 

    $("#btnCreateToDo").click(function (e) { 
     $("#DialogSelectEventType").dialog({ close: function (e, ui) { 
      $("#DialogCreateToDo").dialog("open"); 
     }}).dialog("close"); 
    }); 


}); 

我也试图改变处理程序

$("#btnCreateToDo").click(function (e) { 
    $("#DialogSelectEventType").dialog("close"); 
    $("#DialogCreateToDo").dialog("open"); 
}); 

这并没有帮助

这里是jsFiddle

莫非

人请帮我理解为什么会发生这种情况？这是一个错误还是我做错了什么？

Answer 1

。在你的代码中的错字，在第二个对话框定义你有“模式：真”，当它被认为是“模式：真”

$(function() { 

    $("#DialogSelectEventType").dialog({ 
     modal: true, 
     autoOpen: true, 
     width: 400 
    }); 

    $("#DialogCreateToDo").dialog({ 
     modal: true, 
     autoOpen: false, 
     width: 450 
    }); 

    $("#btnCreateToDo").click(function (e) { 
     $("#DialogSelectEventType").dialog({ close: function (e, ui) { 
      $("#DialogCreateToDo").dialog("open"); 
     }}).dialog("close"); 
    }); 


}); 

试试这个：http://jsfiddle.net/tzKf7/3/

希望它有帮助。

Answer 2

将.dialog定义移动到点击处理程序中会起到作用。

$("#btnCreateToDo").click(function (e) { 
    $("#DialogCreateToDo").dialog({ 
     model: true, 
     autoOpen: true, 
     width: 450 
    }); 
});