为什么这个 jQuery .css() 不起作用？答案

【问题标题】：Why does this jQuery .css() not work?为什么这个 jQuery .css() 不起作用？
【发布时间】：2011-08-08 20:15:16
【问题描述】：

我有这个 javascript 以在 div 中居中 span：

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/

【问题讨论】：

抄送？那不对……
@cthom06 哦，哇，谢谢。我不是很聪明。
当控制台抱怨一个方法不存在时……它通常不存在；）
$.fn.ccs = $.fn.css。 :-)
不错的评论，铬。这让我笑了！

标签： javascript jquery centering

【解决方案1】：

属性拼写错误：

.ccs - > .css

【讨论】：

【解决方案2】：

您也应该在值中添加单位：

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

【讨论】：

【解决方案3】：

试试：

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

【讨论】：

【解决方案4】：

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

.ccs => .css

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

您在代码中使用的是 ccs 而不是 css

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

【讨论】：