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

代わりwindow.onload = function()の使用$(document).readyとCSSのセッターで()を削除します。

var leftPos = (10 * 20)+ "px"; 

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