load直後にjQueryを使ってcss属性値を取得できないことへの対処法

loadイベント発生直後には、ブラウザが各HTML要素とCSS属性を結び付けられていないらしく、css属性値を取得できないことがある。

そこで、各要素とCSSがブラウザによって関連付けられるまで待つためにsetTimeoutを使い、loadイベント発生後に200ミリ秒ほど待ってからcss属性値を取得する。

var timer = false; /* グローバル変数 */
$(window).on("load resize", function() {
    if(timer !== false){
        clearTimeout(timer);
    }
    timer = setTimeout(function() {
         
        // jQueryを使ってcss属性値などを読み出す。
         
    }, 200);
});