jquery 对话框 window - 将选项设置为变量一次

Question

我有一个页面有一堆不同的对话框 window 选择器。所有这些选项（宽度、高度等...）都是相同的。我不想在选择器的每个实例中设置这些选项，而是想设置变量 "options" 一次，并在整个页面中使用该变量。我怎样才能做到这一点？

var options = "autoOpen:false,width:100,height:100";

$('#dialog').dialog(options);

$('#dialog2').dialog(options);

 //etc......

编辑：我如何写出选项行而不是 1203123 个字符长？多行？

     var options = {autoOpen:false,width:1000,height:1000,position {my:'top',at:'top'},show:{effect:'fade',speed:1000},hide:{effect:'slideUp',speed:2000}};

变得难以阅读....

Answer 1

试试这个：

var 选项 = {"autoOpen":"false","width":"100","height":"100" };

Answer 2

使用以下程序：

var options = "autoOpen:false,width:100,height:100";
$('#dialog').dialog({ options });

您需要在 jquery 中的 { } 括号中指定多个选项作为对象的元素。

已编辑： 下面是另一种更好的方法。

    var options = {autoOpen:false,width:100,height:100};
    $('#dialog').dialog(options);

在问题中进行扩展编辑的答案

position = {my:'top',at:'top'};
show     = {effect:'fade',speed:1000};
hide     = {effect:'slideUp',speed:2000};
var options = {autoOpen:false,width:1000,height:1000,position:position  ,show:show,hide:hide}

Answer 3

您可以使用下面的这段代码覆盖您的 Dialog options：

 $.extend($.ui.dialog.prototype.options, {
    autoOpen: false,
    width: 800,
    height: 600
 });

看这个例子：JSFIDDLE

jquery 对话框 window - 将选项设置为变量一次

jquery dialog window - set options once as a variable

jquery

dialog