5

正方形のグリッドを持つレスポンシブ Web サイトを作成しようとしています。したがって、各 div (「メイン」のクラス) の高さは、サイズ変更時に div の幅と同じにする必要があります。私はjQueryを初めて使用するので、誰かが私がここで間違っていることを教えてくれることを望んでいました.

var divWidth = $('.main').width(); 

$(window).resize(function(){
    $('.main').height() = divWidth;
});

どうもありがとう！

4

4 に答える 4

8

divWidthresize イベントが発生したときに値が更新されないため、 resize() 関数のスコープ外で を宣言しないでください。.mainまた、複数の要素が存在するリスクもあります。ID を使用するか、すべてのクラスをループします (複数のインスタンスがある場合)。

これを試して：

$(window).resize(function(){
    // If there are multiple elements with the same class, "main"
    $('.main').each(function() {
        $(this).height($(this).width());
    });

    // Or you can switch to using an ID
    $('#main').height($('#main').width());
}).resize();

resize() イベントを再度発生させて、読み込み時にサイズが設定されるようにします。

于 2013-04-13T12:18:54.873 に答える
6

できるよ：

var divWidth = $('.main').width(); 

$(window).resize(function(){
    $('.main').height(divWidth);
});
于 2013-04-13T12:12:48.670 に答える
2

試す

var divWidth = $('.main').width(); 

$(window).resize(function(){
    $('.main').height(divWidth);
});
于 2013-04-13T12:14:50.607 に答える
2

これを試して：

var divWidth = $('.main').width(); 

$(window).resize(function(){
    $('.main').height( divWidth );
});

height()引数なしで呼び出した場合は高さが得られますが、引数がある場合はオブジェクトの高さが変更されることに注意してください; )

于 2013-04-13T12:14:55.123 に答える