1

我正在尝试从给定的整数数组调整窗口大小。这是我当前的错误代码:

$(window).load(function() {

var group = [0, 1, 2];

var global_i = 0;

$.each(group,function(i){

    //some code will execute here

    console.log('#');

    resize_window_width_helper(1000-(i*10));        

    $(window).on('debouncedresize.rs'+i, function() {   

        if(i == global_i){

            //execute another bit of code on resize

            console.log("Hello from " + i);

            console.log('body width = '+$('body').width());

            global_i++;

        }

    });

});

});

我的控制台的返回是:

#
#
#
Hello from 0
body width = 941 
Hello from 1 
body width = 941 
Hello from 2 
body width = 941 

我期待的回报是:

#
Hello from 0
body width = 961
#
Hello from 1
body width = 951
#
Hello from 2
body width = 941

数组的内容group会有所不同。

该函数resize_window_width_helper(input)将简单地将窗口宽度调整为其参数值。

该事件debouncedresize是 Chrome 浏览器两次触发任何调整大小的修复(请参阅http://paulirish.com/2009/throttled-smartresize-jquery-event-handler/https://github.com/louisremi/jquery-smartresize #minimalist-standalone-version)。所以请把这个事件当作一个简单的$(window).resize(function() {...});.

我正在使用谷歌 Chrome 浏览器。

我强烈怀疑我所有问题的根源在于变量i及其递增的方法。我非常感谢您能提供的任何帮助。

4

0 回答 0