1

私のウェブサイトでは、各 div はウィンドウ サイズで計算されます...

// Begin functions 

$(document).ready(function(){
    $('.wrapper').css({'top' : '0px','left' : '0px'});
        $('.wrapper > div').css({'height' : + $(window).height() +'px'});
});


$(document).ready(init);

// Set window height and width variables 
var windowheight = $(window).height(); 
var windowwidth = $(window).width(); 

// Check monitor sze and workot if incentives needs extra space etc 
var bff = 3620 + (1993 - windowwidth);

// Move divs into position 
$('.culture').css('top', + - windowheight + 'px');
$('.path').css('top', + - windowheight + 'px');
$('.training').css('top', + - windowheight + 'px');
$('.apply').css({
    'top' : + - windowheight + 'px',
    'width' : windowwidth + 'px'
});

上記は正常に機能します。私の問題は、ページが読み込まれたときに、ユーザーがウィンドウのサイズを変更すると、div が既に読み込まれているためスタイリングがスローされ、jquery を使用してこれを検出し、再初期化する方法はありますか?その上？

4

4 に答える 4

0

$(window).resize()はい、 jQuery を使用してウィンドウのサイズが変更されているかどうかを確認できます。http://api.jquery.com/resize/

于 2013-02-11T12:18:28.707 に答える
0

サイズ変更イベント幅 jquery にバインドできます。この方法では、ウィンドウのサイズが変更されるたびに、コードを呼び出して所定の位置に設定できます。

次の行は、初期化関数を呼び出します。

$(window).resize(init);
于 2013-02-11T12:20:39.033 に答える