变量中的 jQueryUI 设置选项 - 效果的语法答案

【问题标题】：jQueryUI setting options in a variable - syntax for effects变量中的 jQueryUI 设置选项 - 效果的语法
【发布时间】：2010-03-15 16:39:48
【问题描述】：

$(function(){
        var dialogOpts = {
        autoOpen:       false,
        height:         400,
        width:          600,
        position:       ["center", "center"],
        modal:          false,
        closeOnEscape:  true,
        stack:          true,
        draggable:      true,
        show:           "clip",
        hide:           "bounce"
    };

我正在为 jQuery UI 对话框设置上述选项，但想为每个效果指定一些选项，例如速度和反弹次数等，但我在任何地方都找不到语法示例。

我试过了

show: ["clip", 100],

等等，但没有达到目标，任何指向正确方向的指针都将不胜感激......！

【问题讨论】：

标签： jquery jquery-ui variables dialog options

【解决方案1】：

当前版本的 jQuery UI 无法做到这一点，但是，你不是第一个想要这个的人。如果您查看Ticket #2358，您可以获得完成此操作所需的补丁。将dialog2.patch 应用于ui.dialog.js 后，您可以使用以下语法：

show: { effect:"clip", options:{}, speed:100 }

如果没有补丁，这将无法工作，jQuery UI 本身并不支持它。这是社区添加功能，有望在未来的 jQuery UI 版本中实现。

【讨论】：

【解决方案2】：

jQuery UI Dialog 源代码使用以下命令显示对话框：

uiDialog.show(options.show);

因此，您将无法将其他选项传递给show，因为代码不期望它们。为此，您可能必须创建自己的自定义版本的对话框代码。由于源代码是免费提供的，这并不是那难做到的，但它是可行的。

【讨论】：

【解决方案3】：

如果你可以提供选项，它可能在一个对象而不是一个数组中尝试：

show : { "clip": 100},

【讨论】：