我想用document.ready（）分配div的宽度但是无法这样做？

Question

尝试此代码，但无法正常工作：

$(document).onload(function () {
    var wid = $(window).width();
    var hdsize = wid / 16 + " em";
    $("#hd").css("width", hdsize);
});    

相反，它会加载预喂值。

Answer 1

应该是：

$(window).load(function () {...});

document不会触发onload，其中jQuery为load，因此window代替document。

如果您只需要等到document被解析，您可以使用：

$(document).ready(function () {...});

正如雨果在评论中所说，你需要从单位中移除空间：

var hdsize = wid / 16 + "em";。

Answer 2

$(document).ready(function(){ 

    var wid = $(window).width();
    var hdsize = wid / 16;
    $("#hd").css("width", hdsize +" em");

 });