jquery ui 对话框 : cannot call methods on dialog prior to initialization

Question

我在 jquery 1.5 上有一个应用程序，对话框运行良好。虽然我有很多 .live 处理程序，但我将其更改为 .on。为此，我必须更新 jquery(现在是 1.8.3 和 jquerui 1.9.1)。

现在，我得到:错误:无法在初始化之前调用对话框上的方法；试图调用方法“关闭”

代码如下:

Javascript

var opt = {
        autoOpen: false,
        modal: true,
        width: 550,
        height:650,
        title: 'Details'
};

$(document).ready(function() {
$("#divDialog").dialog(opt);
    $("#divDialog").dialog("open");
...    

html代码

<div id="divDialog">
<div id="divInDialog"></div>
</div>

知道为什么会这样吗？

Answer 1

试试这个

$(document).ready(function() {
  $("#divDialog").dialog(opt).dialog("open");
});

您还可以:

var theDialog = $("#divDialog").dialog(opt);
theDialog.dialog("open");

那是因为对话框没有存储在 $('#divDialog') 中，而是在动态创建并由 .dialog(opt)< 返回的新 div 中 函数。