jQuery UI对话框：无法在初始化之前在对话框上调用方法

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

现在，我得到了： Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'

以下是代码：

Java脚本

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>

知道为什么会这样吗？

试试这个

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

您也可以这样做：

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

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

如果您无法升级jQuery，则会得到：

Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'

您可以像这样解决它：

$(selector).closest('.ui-dialog-content').dialog('close');

或者，如果您控制视图并且知道整个页面上根本不应该使用其他对话框，则可以执行以下操作：

$('.ui-dialog-content').dialog('close');

如果使用closest会导致性能问题，我只建议这样做。可能有其他方法可以解决此问题，而无需对所有对话框进行全局关闭。

当我仅更新jquery库而不并行更新jqueryui库时，出现此错误。我正在将jquery 1.8.3与jqueryui 1.9.0一起使用。但是，当我将jquery 1.8.3更新为1.9.1时，出现了以上错误。当我注释掉有问题的.close方法行时，它引发了关于找不到的错误.browser在jquery库中被jquery 1.8.3弃用并从jquery 1.9.1中删除。因此，基本上来说，尽管jquery ui下载页面说它与jquery 1.6+兼容，但jquery 1.9.1库与jui ui 1.9.0库不兼容。本质上，尝试使用两者的不同版本时，存在未报告的错误。如果您使用jqueryui下载随附的jquery版本，我相信您会没事的，但是当您开始使用其他版本时，您会偏离常规并出现类似错误。因此，总而言之，此错误是由于版本不匹配造成的（无论如何我还是这样）。

所以你用这个：

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

如果您在对话框中打开MVC局部视图，则可以在索引中创建一个隐藏按钮和JQUERY click事件：

$("#YourButton").click(function()
{
   theDialog.dialog("open");
   OR
   theDialog.dialog("close");
});

然后在局部视图html中，您调用按钮触发器，例如单击：

$("#YouButton").trigger("click")

拜拜。

如果你想立即打开对话框，当对话框初始化或页面已准备就绪，你还可以将参数设置autoOpen到true在选项对话框中的对象：

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

因此，您不必调用`$（“＃divDialog”）。dialog（“ open”）;。

对话框对象初始化后，对话框自动打开。

新的jQuery UI版本将不允许您在未初始化的对话框上调用UI方法。解决方法是，您可以使用以下检查来查看对话框是否仍处于活动状态。

if (modalDialogObj.hasClass('ui-dialog-content')) {
    // call UI methods like modalDialogObj.dialog('isOpen')
} else {
    // it is not initialized yet
}

这也可以解决：

$("div[aria-describedby='divDialog'] .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close").click();

我只需要将ScriptManager添加到页面即可。问题解决了。

在我的情况下，问题在于我$("#divDialog").removeData();作为在对话框中重置表单数据的一部分进行了调用。

这导致我清除了名为的数据结构uiDialog，这意味着该对话框必须重新初始化。

我换成.removeData()了更具体的删除内容，然后一切又开始工作了。

我的情况不同，由于“ this ” 的范围而失败：

//this fails:
$("#My-Dialog").dialog({
  ...
  close: ()=>{
    $(this).dialog("close");
  }
});

//this works:
$("#My-Dialog").dialog({
  ...
  close: function(){
    $(this).dialog("close");
  }
});

我收到此错误消息是因为在局部视图而不是父视图上有div标签