0

ウィンドウのサイズが変更されたときに Web サイトの幅を調整しようとしています。

JQuery:

$(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を小文字にして、オブジェクトをパラメーターとして渡す方がよいようにしてください。さらに、DOMツリーへのいくつかの不要なクエリを防ぐために、body要素を「キャッシュ」することも試みてください。

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 に答える