jQuery UI Dialog Buttons from variables

Question

I have variables holding the translated labels for buttons inside a jquery ui dialog.

I cannot fill the button array key with the variable itself, and can't find any way to let it treat my variable just as string.

translations['ok'] = 'ok'; translatinos['cancel'] = 'cancel';  // not working jQuery('#foo').dialog({     buttons:     {         translations['ok']: function() { alert('foo-ok'); },         translations['cancel']: function() { alert('foo-cancel'); }     } });  // working jQuery('#bar').dialog({     buttons:     {         "Ok": function() { alert('bar-ok'); },         "Cancel": function() { alert('bar-cancel'); }     } }); 

Is there any way to get this to work with variable array keys?

Answer 1

You can try this, may be it helps:

var buttonsOpts = {} buttonsOpts[translations["ok"]] = function .... buttonsOpts[translations["cancel"]] = function .... jQuery('#bar').dialog({    buttons : buttonsOpts }); 

Hope it helps!