2011-04-19 59 views
2

我有这个JavaScript来居中在divspan为什么这个jQuery .css()不起作用?

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/

+7

CCS?那是不对的... – cthom06 2011-04-19 16:32:04

+0

@ cthom06 O,哇谢谢。我不是很聪明。 – chromedude 2011-04-19 16:33:58

+0

当控制台抱怨说方法不存在时......它通常不会;) – 2011-04-19 16:34:29

回答

6

您使用CCS不CSS代码中的

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

您需要使用.css ,不.ccs

3

你确定你有jQuery的包括到您的网页?

.ccs => .css 
3

尝试:

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

您应该添加单位自己的价值观,以及:

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

拼错属性:

.ccs - > .css