覆盖 jQueryUI 对话框默认选项答案

【问题标题】：Override jQueryUI dialog default options覆盖 jQueryUI 对话框默认选项
【发布时间】：2011-01-18 05:25:37
【问题描述】：

我希望能够创建模态对话框，例如

close: function() {
    $(this).remove();
}

默认选项，无需在创建对话框时指定这些参数，但会以某种方式在一处覆盖这些参数。

这可能吗？

【问题讨论】：

【解决方案1】：

我也需要覆盖默认选项，我花了一段时间才弄清楚 jQuery UI 1.8：

$.extend($.ui.dialog.prototype.options, {
    modal: true,
    resizable: false,
    draggable: false
});

上面的代码将允许您在对话框选项的顶部放置任何内容。上述方法应该适用于大多数 UI 组件（它还可以让您对现有的功能进行原型设计，或添加到其中）。

【讨论】：

【解决方案2】：

你应该创建一个抽象，然后调用 jQuery 对话框函数。

基本上，不是在您想使用 jQuery 对话框的每个地方创建选项文字，而是创建一个函数来创建您想要的选项，然后从中调用 jQuery 对话框函数。

然后，在代码的所有区域中，调用您编写的封装代码的函数。

此过程称为encapsulation，适用于大多数（如果不是全部）软件开发语言。主要好处之一是它使您的代码更易于维护。

【讨论】：

【解决方案3】：

jQuery UI 中的对话框和其他小部件使用它们的默认值定义一个哈希。您可以在加载 jQuery UI 后覆盖这些。

在 javascript 中搜索设置默认值的行：

$.extend($.ui.dialog, {
version: "1.7.2",
defaults: {
    ...

例如，在您的 javascript 中，您可以使用以下命令关闭 autoOpen：

$.ui.dialog.defaults.autoOpen = false;

或者您可以合并选项的哈希：

$.extend($.ui.dialog.defaults, {
  autoOpen: false,
  title: 'Default title'
})

【讨论】：

感谢您的回答。这 $.ui.dialog.defaults.autoOpen = false;失败。这 $.extend($.ui.dialog.defaults, { autoOpen: false, title: 'Default title' }) 没有用，与添加它之前的行为相同:(再次感谢。
为我工作。一件事，您可能需要将这些默认设置延迟到 jquery ui 完成之后： setTimeout(function() { ... set defaults here ... }, 1);可以肯定的是，在此示例中 autoOpen false 的作用是，它将阻止显示对话框，直到您手动打开它。只是一个例子，尝试任何你想要的选项。