jQuery css变量未定位容器

Question

有人能告诉我为什么这不起作用吗？

var leftPos = (10 * 20)+ "px";
function setPosition() {
$("#Position5").css('left','(' + leftPos + ')');    
}
window.onload = function() {
setPosition ();
};

标记

<span id="Position5">hello</span>

如果我用像素值替换变量，它可以工作，但我似乎无法让var通过？

谢谢你的光临。

Answer 1

无需在leftPos周围添加括号。

function setPosition() {
   $("#Position5").css('left', leftPos );    
}

Answer 2

var leftPos = (10 * 20)+ "px";
function setPosition() {
    $("#Position5").css('left', leftPos);    
}
window.onload = function() {
    setPosition ();
};

这应该有效。。。

Answer 3

在css setter:中使用$(document).ready而不是window.onload = function()并删除()

var leftPos = (10 * 20)+ "px";
$(document).ready(function() {
     $("#Position5").css('left', leftPos);    
});