jQuery setting Width using variable

Question

var _headerwidth = $('#header').width();
var _foabgwidth = $('#page-body-inner').width();

console.log(_headerwidth);
console.log(_foabgwidth);
$('.static').css("width",_foabgwidth + "px");
$('.fixed').css("width",_headerwidth + "px");
var staticwidth = $('.static').width();
console.log('staticwidth:'+staticwidth);

Using the above code, my console logs are as follows

940
676
staticwidth:null

I'm trying to set the width for .static and fixed and I'm unable to get it to work using the jQuery I've used.

No repro. Are you sure that an element with the class static exists in the DOM at the point of execution? — David Hedlund
– David Hedlund, Commented Aug 11, 2013 at 18:05
Wath kind of elements are the ones with classes .static and .fixed? — Daniele
– Daniele, Commented Aug 11, 2013 at 18:16

Nimantha · Accepted Answer · 2021-11-14 06:03:49Z

2

Try with this syntax:

$('.static').css({ width : _foabgwidth + "px" });

or this:

$('.static').css({ width : _foabgwidth });

edited Nov 14, 2021 at 6:03

Nimantha

6,5376 gold badges32 silver badges78 bronze badges

answered Aug 11, 2013 at 18:07

Daniele

1,93616 silver badges24 bronze badges

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

1 Comment

putvande Over a year ago

That will get you the same.

Collectives™ on Stack Overflow

jQuery setting Width using variable

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related