0

Есть код что при низкой ширине экрана выводит текст в отдельный блок, он выполнялся всегда по загрузке страницы. Я обернул его в "$(window).resize" что-бы он выполнялся каждый раз при изменении размера окна. Но теперь он не выполняется при загрузке страницы. Как решить эту проблему?

    $(window).resize(function () {
    if ($(document).width() < 1000) {
        $('#normal-screen-balance-block').hide();
        $('#low-screen-width-balance').show();
        $('#search-end-filter').css('justify-content', 'center');
    }
    });

1 ответ 1

1

Это можно сделать, обернув нужный код в функцию и ее отдельно вызвать

function myResize() {
  if ($(document).width() < 1000) {
    $('#normal-screen-balance-block').hide();
    $('#low-screen-width-balance').show();
    $('#search-end-filter').css('justify-content', 'center');
  }
}

$(window).resize(myResize); // Создаем обработчик события
$(document).ready(myResize); // Вызываем единожды при загрузке страницы

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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