javascript计算有时不会发生

Question

在下面的代码片段中:

var scr_h = $(document).height();
var scr_w = $(document).width();
var logo = {                                                             
    width   :   (scr_w*.25),                                              
    img     :   document.createElement('img'),                           
    src     :   'images/static/mk_vc.png'                                
};  
$(logo.img).attr('src', logo.src);                                       
$('#logo').append(logo.img);                                             
$('#logo').css({                                                         
    'margin-top'    :   scr_h*.15+'px',                                       
    'width'         :   logo.width+'px',
    'left'          :   (scr_w/2)-(logo.width/2)+'px' //this doesn't always work...
}); 
alert($('#logo').css('left'));        

有时警报会返回“auto”而不是正确的数字。如果刷新页面通常会发生这种情况(尽管 ctrl+refresh 通常会解决此问题)。我尝试通过 php 呈现页面并将 ?randomnumber=$randomnumber 参数附加到 JavaScript 调用，但它没有帮助，这意味着它不是某种缓存问题。

它似乎也发生在所有浏览器中。我的客户有一台 Mac，并尝试过使用 Chrome 和 Safari，我有 Linux，并尝试过使用 Chrome 和 Firefox。

有什么想法吗？其余的 JavaScript 功能正常，无论该特定行是否正确呈现。 margin-top 和 width CSS 也始终有效。似乎只有 left 出了问题。

我尝试更改顺序以首先呈现“左”，但这也无济于事，尽管其他两个属性仍然很好。

完整的脚本可以在 http://meenakhalili.turnleftllc.com/scripts/js/dev/mk.js 查看, 网站位于 meenakhalili.turnleftllc.com。尝试刷新几次。您会看到问题所在。

Answer 1

我想这取决于代码何时针对正在呈现的页面执行，如果代码被包裹在 $(function(){...}) 或类似的东西中，这是不确定的。

您可以尝试测量窗口而不是文档:

var scr_h = $(window).height();
var scr_w = $(window).width();