jquery-dialog - 无法在初始化之前调用对话框上的方法

Question

我正在尝试在 jQuery 对话框中打开一个 div。将 div 作为对话框打开后，当我单击覆盖区域时，出现此错误。

无法在初始化之前调用对话框上的方法。尝试调用方法“关闭”。

这是我到目前为止所尝试的：

<div class="mydiv"></div>
var options = {
  modal: true,
  draggable: true,
  resizable: false,
  position: "center",
  buttons: {
    OK: function () {
      $(this).dialog("close");
    }
  },
  close: function () {
    $(".ui-dialog").remove();
  }
};
var dg = $(".mydiv").dialog(options);
$(dg).dialog("open");

//document.ready

$(".ui-widget-overlay").live("click", function () { $(".mydiv").dialog("close"); });

可能有许多具有相同类名“.mydiv”的 div。

Answer 1

该buttons属性接受一个对象数组，这些对象定义一个text属性和一个click包含事件处理程序的属性。

var options = {
  modal: true,
  draggable: true,
  resizable: false,
  position: "center",
  buttons: [{
    "text": "OK",
    "click": function () {
      $(this).dialog("close");
    }
  }],
  close: function () {
    $(".ui-dialog").remove();
  }
};

有关更多信息，请查看文档。

工作示例 http://jsfiddle.net/unWzC/