Question

thsi is not a jquery ui question but a JavaScript object question

function uiDialog()
{    
   ...............
   ...............

    $('#dialog ').dialog({
        width:'auto',
        height :'auto',
        resizable: false 
    });
    ..............
    ..............
}

Above is a jquery ui dialog code. Now everywhere i want a dialog am calling uiDialog(). Now ui has so many options that are rarely required. So i am considering passing a object as a parameter and appending it to this default data but how can i do it .can i do

$('#dialog ').dialog({
    width:'auto',
    height :'auto',
    resizable: false,
    myObject 
});

Will this work or can you suggest any other way if this fails

Answer 1

Use the jQuery.extend(); function.

$('#dialog ').dialog(
  $.extend(
    {
      width:'auto',
      height :'auto',
      resizable: false
    },
    myObject 
  )
);