Simple String and variable problem using jQuery

Question

I'm trying to add my var to this string:

var liPad = 20;

$(this).css({'width' : width , 'height' : height, 'padding' : "'0px' + liPad + 'px'"});

To make it work like this:

$(this).css({'width' : width , 'height' : height, 'padding' : '0 20px'});

Can't figure out how to make it work.

Any help would be appreciated.

moff · Accepted Answer · 2009-10-16 13:46:37Z

6

This should work:

$(this).css({
    'width': width,
    'height': height,
    'padding': '0 ' + liPad + 'px'
});

answered Oct 16, 2009 at 13:46

moff

6,51333 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

easement · Accepted Answer · 2009-10-16 13:50:39Z

1

I think the issue is that you needed a space where the yyyyyyy is. it was 0px20px

padding' : "'0pxyyyyyyy' + liPad + 'px'"});

The following should work:

var liPad = 20;
$(this).css({'width' : width , 'height' : height, 'padding' : "'0px ' + liPad + 'px'"});

answered Oct 16, 2009 at 13:50

easement

6,1593 gold badges31 silver badges36 bronze badges