指定された整数の配列からウィンドウのサイズを変更しようとしています。ここに私の現在の間違ったコードがあります:
$(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は、サイズ変更を 2 回実行する 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とそれをインクリメントする方法にあるのではないかと強く思います。ご提供いただけるご支援に深く感謝いたします。