Почему этот jQuery .css () не работает?

Question

У меня есть этот javascript для центрирования span в 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);

Я получаю сообщение об ошибке, что у объекта нет метода css. Есть идеи, что не так?

Все HTML и CSS находятся на этой скрипке (там я получаю точно такую ​​же ошибку: http://jsfiddle.net/chromedude/s6WQD/

Answer 1

вы используете ccs, а не css в вашем коде

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

Answer 2

Вы также должны добавить единицы к своим значениям:

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

Answer 3

Попробуйте:

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

Answer 4

Вы уверены, что JQuery включен в вашу страницу?

.ccs => .css

Answer 5

Вы должны использовать .css, а не .ccs

Answer 6

неправильно написали свойство:

.ccs - > .css