jquery - 仅在 Chrome 中工作的 JQuery 代码

Question

这段代码有什么问题？

$(function size() {
    var width = document.width;
    $('.section').css('width', 2 * width);
    $('body').css('width', 8 * width).css('font-size', 0.023 * width);
    $('.center').css('width', width);
    $('#title').css('width', 0.78 * width);
    $('#lf').css('width', 0.56 * width);
});

$(window).ready(size);

请帮忙！我不知道出了什么问题：/

Answer 1

document.width在 MDN 中被标记为过时，请document.body.clientWidth改用。

也不$(window).ready(...)是无效的jquery，你的意思是$(window).load()？

尽管第一个代码块以与注册处理程序相同的方式注册处理程序，但$(document).ready(...)不需要第二个调用。

Answer 2

你应该使用

var width = $(document).width();

代替

var width = document.width;

在 Chrome中var width = document.width;返回宽度，但undefined在其他浏览器中。既然你正在使用jQuery，那就好好利用它。您也可以使用您的代码

function size() {
    var width = $(document).width();
    alert(width);
};
$(size); // calls ready event event