为什么这个jQuery .css（）不起作用？

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/

Answer 1

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');

Answer 2

您还应该为您的值添加单位：

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

Answer 3

你需要使用.css ，而不是.ccs

Answer 4

你确定你的页面中包含了jquery吗？

.ccs => .css

Answer 5

Try:

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

Answer 6

错误的财产：

.ccs - > .css