Assigining CSS property in animate() via external variable fails

var part = 'left'; for testing purposes only

var margin_variable = 'margin-' + part;

this works:

$element.stop().animate({

'margin-left': '-100px',

'opacity': '1.0'

}, 100);

// this won't work:

$element.stop().animate({

margin_variable: '-100px',

'opacity': '1.0'

}, 100);

Attachments (0)

Change History (2)

milestone:	1.4.3

Resetting milestone to future.

var args = { opacity: '1.0' };
args['margin-'+part] = '-100px';
$element.stop().animate(args, 100);

Ask for help on the forum if you need to learn more.

Side navigation