Why does this jQuery .css() not work?

Question

I have this javascript to center a span in a div:

var winWidth = $(window).width();
var winHeight = $(window).height();
var positionLeft = (winWidth/2) - 62;
var positionTop = (winHeight/2) - 32;

$('#centerMessage').ccs("position","absolute");
$('#centerMessage').ccs("top",positionTop);
$('#centerMessage').ccs("left",positionLeft);

I keep getting the error that the object does not have the method css. Any idea what is wrong?

All the HTML and CSS are at this fiddle (I am getting the exact same error there: http://jsfiddle.net/chromedude/s6WQD/

When the console complains that a method doesn't exist... it usually doesn't ;) — David Tang
– David Tang, Commented Apr 19, 2011 at 16:34

Gaurav · Accepted Answer · 2011-04-19 16:33:02Z

6

you are using ccs not css in your code

$('#centerMessage').css("position","absolute");
$('#centerMessage').css("top",positionTop + 'px');  // add unit also
$('#centerMessage').css("left",positionLeft + 'px');

answered Apr 19, 2011 at 16:33

Gaurav

28.8k9 gold badges54 silver badges81 bronze badges

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

Comments

naivists · Accepted Answer · 2011-04-19 16:34:08Z

4

You should add units to your values, as well:

$('#centerMessage').css("top",positionTop + "px");

answered Apr 19, 2011 at 16:34

naivists

33.7k5 gold badges63 silver badges85 bronze badges

Comments

Dave Kiss · Accepted Answer · 2011-04-19 16:33:04Z

3

You need to be using .css, not .ccs

answered Apr 19, 2011 at 16:33

Dave Kiss

10.5k11 gold badges55 silver badges77 bronze badges

Comments

alexl · Accepted Answer · 2011-04-19 16:33:29Z

3

you sure you have jquery included into your page ?

.ccs => .css

answered Apr 19, 2011 at 16:33

alexl

6,8083 gold badges26 silver badges29 bronze badges

Comments

Aliostad · Accepted Answer · 2011-04-19 16:33:36Z

3

Try:

$('#centerMessage').css("top",positionTop + "px");
$('#centerMessage').css("left",positionLeft + "px");

answered Apr 19, 2011 at 16:33

Aliostad

81.9k21 gold badges164 silver badges209 bronze badges

Comments

Scherbius.com · Accepted Answer · 2011-04-19 16:51:01Z

0

misspelled the property:

.ccs - > .css

answered Apr 19, 2011 at 16:51

Scherbius.com

3,4224 gold badges26 silver badges45 bronze badges

Collectives™ on Stack Overflow

Why does this jQuery .css() not work?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related