0

h配列内の別の数値 (ユーザーのブラウザーの高さ) に最も近く、 random である数値を見つけようとしています-Infinity。これが私のコードです。

function match_height() {
    var heights = [11, 630, 693, 756, 819, 882, 945, 1008, 1071, 1134, 1197, 1260, 1323, 1386, 1449, 1512, 1575, 1638, 1701, 1764, 1827, 1890, 1953, 2016, 2079, 2142, 2205, 2268, 2331, 2394, 2457, 2520];
    var posb = [];

    var browsery = $(window).height();

    for (var i = 0; i < heights.length; i++) {
        if (browsery > heights[i] && heights[i + 1] <= browsery) {
            posb.push(heights[i+1]);
        }
    }

    var h = Math.max.apply(Math, posb);

    $(".area").css("height", h + "px");
    $(".area").css("width", "100%");
    $(".ground").css("background", "url(scenes/ground/" + h + ".png)");
}

match_height();
4

3 に答える 3

4

私はあなたが欲しいと思います：

if ( browsery > heights[i] && browsery <= heights[i+1] ) {

現在のコードでは、posb配列に値が入力されることはありません。

ところで、これを考慮してください：

var heights = [ ... ];
var winHeight = $( window ).height();
var i = 0;

while ( winHeight > heights[i] ) i++;

var h = heights[i];

ライブデモ： http： //jsfiddle.net/489La/

于 2012-08-05T02:17:06.580 に答える
0

高さがリストされているすべてのオプションよりも大きい場合を説明するのを忘れています。

実行Math.max.apply(Math,[])すると、結果が。になり-Infinityます。これは、posb配列が空であることを意味します。

于 2012-08-05T02:16:57.290 に答える
0

これが私のバージョンです：http：//jsfiddle.net/pm7C3/

function match_height() {
    var heights = [11, 630, 693, 756, 819, 882, 945, 1008, 1071, 1134, 1197, 1260, 1323, 1386, 1449, 1512, 1575, 1638, 1701, 1764, 1827, 1890, 1953, 2016, 2079, 2142, 2205, 2268, 2331, 2394, 2457, 2520];

    var match = null,
        closest = -1,
        browsery = $(window).height();

    for (var i = 0; i < heights.length; i++) {
        var diff = Math.abs(browsery - heights[i]);
        if (closest == -1 || diff < closest) {
            closest = diff;
            match = heights[i];
        }
    }

    $(".area").css("height", match + "px");
    $(".area").css("width", "100%");
    $(".ground").css("background", "url(scenes/ground/" + match + ".png)");
}
于 2012-08-05T02:24:03.097 に答える