Question

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

$(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() {...});。

我正在使用Google Chrome浏览器。

我强烈怀疑我所有困境的根源在于变量i以及它增加的方法。我非常感谢您提供的任何帮助。

Jquery动态窗口调整大小

0 个答案: