JQuery Css width of a div returns undefined.

[Noel Forte]

Hey, so I’m having trouble understanding why a JQuery variable is retuning undefined. This is what I have in my HTML:

CSS:

#box {

background-color: #FF0000;

width: 200px;

height: 100px;

}

and Javascript:

var cssWidth = $('#.box').css('width');



alert(cssWidth);

However, when I reload the page, the alert that gets triggered comes back saying “undefined” I’ve checked all the syntax out and it looks like everything is all good. Anyone see where the problem is? This is running on my localhost, but I do have JQuery called in my HTML, so it should work. I’m also pretty new at this stuff, so any help would be appreciated.
Thanks,
Noel

[wolfcry911]

var cssWidth = $('#box').css('width');

no dot in the selector

[Noel Forte]

Ok, fixed that, but it’s still returning as undefined. This is what the javascript looks like now, but the HTML and CSS are the same as above.

var cssWidth = $('#box').css('width');



alert(cssWidth);

[Noel Forte]

fixed it. apparently this is the wrong way to do it:

and this is the RIGHT way:

if you do do it the first way, by loading the scripts in the head, you need to call

$(document).ready(function(){

//Code goes here.

});

in your script file.

[Noel Forte]

Good to know. Thank you! :D

[Author]

Posts