jquery: why css('width') returns different value than width()

Question

When I run following code:

        node = $('.period')
        alert(node.width() + ' ' + node.css('width'))

i get '0 144px'. How is that possible?

Please include the associated HTML

Philippe
– Philippe

2009-07-31 14:20:36 +00:00
Commented Jul 31, 2009 at 14:20 — Philippe
– Philippe, Commented Jul 31, 2009 at 14:20

fresskoma · Accepted Answer · 2009-07-31 14:31:07Z

14

Maybe you're calling it on $(document).ready, and as width() Gets the current computed, pixel, width of the first matched element., it'd be 0 as it has not been rendered yet...
css('width') however reads from the css stylesheet, which would be already available.

edited Jul 31, 2009 at 14:31

answered Jul 31, 2009 at 14:21

fresskoma

25.9k12 gold badges87 silver badges132 bronze badges

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

4 Comments

skybondsor Over a year ago

I think this is right! I called it as a click and it computed correctly.

gruszczy Over a year ago

Does it apply to tab loading (I am using jquery ui tabs, not document ready) too? It seems so, but I would like to get sure.

fresskoma Over a year ago

I've actually never used jQuery UI. You could easily find out by trying to get the value at a later time (onClick for example).

jeroen Over a year ago

If you want to be sure everything is loaded, you can use $(window).load

Collectives™ on Stack Overflow

jquery: why css('width') returns different value than width()

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related