Question

我正在尝试在文档宽度变化时获取当前网页窗口大小的构建函数并保存过去宽度的最后一个函数，所以我需要过去的值。所以在pseido代码中它将是：

on resize(function){
var CURENT_W = 100
**var PAST_W   = 90**
var MODIFIER = CURENT_W - PAST_W
jQuert('#element').css('atribute': MODIFIER)
});

所以我需要能告诉我窗口调整大小的功能。

如何获取旧文档宽度？它有可能吗？也许有更好的方法？

Answer 1

我为你做了一个小片段，你可以随意使用它，只是尝试理解脚本。我100％可以用一些更简单的方式完成，但这是我想到的第一个

$(document).ready(function() {

        // store a variable with body's width
        var initial = $("body").width();
        // render the body's width value on the selector
        $("#initialwidth, #actualwidth").text(initial);

    //now let's resize
    $(window).resize(function() {        
        // Before doing some maths, let's get the width from #actualwidth span instead of directly from the variable
        // the span has the value "static" because it was defined outside the ".resize()" event
        var staticWidth = $("#initialwidth").text();
        var newWidth = $("body").width();
//new width - initial width = difference
        var finalWidth = newWidth - staticWidth + "px";
        $("#actualwidth").text(newWidth);
        $("#diff").text(finalWidth);
    });


});

这是一个jsfiddle：

在窗口调整大小获得新的宽度和最后一个

1 个答案:

http://jsfiddle.net/2dcsonjg/