3

jq を使用してページの読み込み時に要素の幅を計算していますが、正常に動作し、ウィンドウのサイズ変更を自動化しようとしていますが、うまくいきません。望ましい効果: ボックスは、ウィンドウのサイズ変更時に自動的にサイズ変更され、ドロップダウンされないようにする必要があります。

http://jsfiddle.net/yMcXm/4/

どんな助けでも大歓迎です。ありがとうございました！

4

1 に答える 1

6

$(window).resize以下を参照してください、

$(document).ready(function() {
    var cw = $('#container').width();
    $(".box").width(cw / 5);

    $(window).resize(function() {
        var cw = $('#container').width();
        $(".box").width(cw / 5);
    });
});

containerまた、とでオーバーフロープロパティを使用してbox_in、内部の要素/テキストが外に出る代わりに含まれる/隠されるようにしました。

デモ：http：//jsfiddle.net/skram/yMcXm/7/

于 2012-06-11T16:43:25.307 に答える