Сделать результаты .height () отзывчивыми

Question

Сделать результаты .height () отзывчивыми

0

Я пытаюсь получить результаты от jQuery.height(), чтобы быть отзывчивыми. Прямо сейчас высота моего изображения применяется к div, но когда я изменяю размер окна браузера, и все реагирует соответственно, div, который имеет высоту, применяемую к нему, не будет корректировать и просто поддерживает высоту, которая была применена к это на загрузке страницы.

Ниже приведен JS:

<script type="text/javascript">
    $(document).ready(function() {
        var height = $('#imgMeasure').height();
        $('#bio').height(height * 2);
    });
</script>

Любые идеи или помощь приветствуются, спасибо!

Colin Keany 08 март 2014, в 03:58

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

nnnnnn · Accepted Answer · 2014-03-08T01-04-00.000Z

Вы можете обрабатывать событие изменения размера окна:

$(document).ready(function() {
    $(window).resize(function() {
        var height = $('#imgMeasure').height();
        $('#bio').height(height * 2);
    }).resize();
});

Дополнительный .resize() в конце - это просто запустить обработчик немедленно, чтобы ваш код работал на готовом, а не ожидал первого изменения размера.

Основная демонстрация: http://jsfiddle.net/43D6Q/

Красиво, спасибо! Хотел бы я дать бонусные баллы за бекон ипсум!