1

Есть самый обычный скрипт для ресайза:

function heightDetect() {
    $(".carousel").css("height", $(window).height());
}
heightDetect();

$(window).resize(function(){
    heightDetect();
});

Скрипт проверенный, не первый раз использую. Но вот возникла проблема с которой столкнулся впервые. Хочу сделать "карусель" во весь экран,при первой загрузки страницы ничего не происходит, скрипт срабатывает только если ИЗМЕНИТЬ ХОТЬ НА ОДИН ПИКСЕЛЬ разрешение экрана! После обновления страницы все возвращается обратно.

Кто-нибудь сталкивался с такой проблемой? Подскажите пожалуйста как решить ее?

2
  • Может при выполнении скрипта объекта $(".carousel") еще нет? В каком месте вы загружаете скрипт? Попробуйте добавить в функцию строку console.log($(".carousel")), чтобы посмотреть, находит он такой элемент или нет 14 июл 2016 в 5:34
  • @Сергей Странно, оно начинает видеть его только после изменения размера экрана. Скрипт я загружаю сразу после$(document).ready(function(){ .
    – Artem
    14 июл 2016 в 9:06

2 ответа 2

0

Вот корректный вариант. Работает отлично:

function heightDetect() {
    $(".carousel").css("height", $(window).height())
}
$(window).on("load",function(){
    heightDetect();
});

Нужно просто поменять resire на onload.

1
  • Не поменять. Теперь на resize работать не будет.
    – Qwertiy
    21 июл 2016 в 16:11
0

Можно на всякий еще добавить событие resize, в дополнение к load если окно может менять свои размеры, то обязательно

1
  • да, как вариант...)
    – Artem
    21 июл 2016 в 16:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.