jQuery UI:如何向.dialog()发送一组常用选项?

Rya*_*yan 4 javascript jquery jquery-ui jquery-ui-dialog

是否可以发送一组常用选项:

var commonVars = {
    autoOpen:       false,
    draggable:      false,
    resizable:      false,
    show:           'fade',
    hide:           'fade'
};
Run Code Online (Sandbox Code Playgroud)

到对话框:

$('#dialog_1').dialog({
    //Common vars go here somehow
    width:          275,
    height:         170,
    dialogClass:    "class1 class2"
});
$('#dialog_2').dialog({
    //Common vars go here somehow
    width:          600,
    height:         350,
    dialogClass:    "class3 class4"
});     
Run Code Online (Sandbox Code Playgroud)

Nik*_*las 5

$ .extend()

例:

var object1 = {
    //Common vars go here somehow
    width:          275,
    height:         170,
    dialogClass:    "class1 class2"
};

var object2 = {
//Common vars go here somehow
width:          600,
height:         350,
dialogClass:    "class3 class4"
}
var commonVars = {
    autoOpen:       false,
    draggable:      false,
    resizable:      false,
    show:           'fade',
    hide:           'fade'
};

$.extend(object1, commonVars);
$.extend(object2, commonVars);

$('#dialog_1').dialog(object1);
$('#dialog_2').dialog(object2);
Run Code Online (Sandbox Code Playgroud)