我正在尝试从给定的整数数组调整窗口大小。这是我当前的错误代码:
$(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
及其递增的方法。我非常感谢您能提供的任何帮助。