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

Posted 2021-04-18

我有一个页面，有一堆不同的对话窗口选择器。所有选项（宽度，高度等）都相同。我没有为选择器的每个实例设置那些选项，而是设置变量“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}};

变得难以阅读....

答案

使用以下程序：

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}

另一答案

试试这个：

var options = {“autoOpen”：“false”，“width”：“100”，“height”：“100”};

另一答案

您可以使用以下一小段代码覆盖您的Dialog options：

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

看看这个例子：JSFIDDLE