0

当窗口大小改变时，我试图让我的网站缩放它的宽度。

查询：

$(window).resize(function() {
    var w = $("body").width();
    if(w-810 < 0) {
        $("body").css("Left","0px");
    }
    else {
        var width = w.toString() + "px";
        $("body").css("Left",width); 
    }
});

CSS：

body {
background-color: #eeeeee;
position: relative;
left: 20%;
}

HTML：

<script src="scripts\jquery.min.js" type="text/javascript"></script>
<script src="scripts\myJavascript.js" type="text/javascript"></script>
....
<body class="body">

我注意到的一件事是，如果我按类选择正文（在 jquery 中更改为“#body”），它的宽度始终默认为 0px。

有任何想法吗？

4

2 回答 2

1

如果你想通过一个类来获取body元素，你必须使用'.body'选择器。如果要获取带有 id 的元素，请使用'#body'

尝试将 CSS 小写，最好将对象作为参数传递。此外，还尝试“缓存” body 元素，以防止对 DOM 树进行多次不必要的查询：

var body = $('.body');

$(window).resize(function() {
    var w = body.width();

    if (w-810 < 0) {
        w = "0";
    }

    body.css({ "left" : w + "px" });
});
于 2013-02-21T23:53:05.347 回答
0

身体类是'.body',不是'#body'

于 2013-02-21T22:54:18.193 回答