Изменение ширины элемента при изменении размера окна jquery

Я вычисляю ширину элементов при загрузке страницы с помощью jq и отлично работает, пытаясь автоматизировать изменение размера окна, но это не работает. Желаемый эффект: поля должны автоматически изменять размер при изменении размера окна, а не выпадать.

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

любая помощь приветствуется. Спасибо!


person Benn    schedule 11.06.2012    source источник


Ответы (1)


Попробуйте $(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/< /а>

person Selvakumar Arumugam    schedule 11.06.2012
comment
конечно сделал. Я не обратил внимания. - person Benn; 12.06.2012