Window resize не работает

Поисковые системы
- Google
- Яндекс
- Каталоги сайтов
- Прочие поисковики
- Агрегаторы и доски объявлений
Практика оптимизации
- Общие вопросы оптимизации
- Частные вопросы — ранжирование, индексация, бан
- Сервисы и программы для работы с SE
- Любые вопросы от новичков по оптимизации
- Ссылочные и пользовательские факторы
- Поисковые технологии
- Doorways & Cloaking
Трафик для сайтов
- Поисковая и контекстная реклама
- Google Adwords
- Яндекс.Директ
- Тизерная и баннерная реклама
- Общие вопросы рекламы
Монетизация сайтов
- Партнерские программы в Интернете
- Контекстная реклама
- Google AdSense
- Рекламная Сеть Яндекса
- Размещение тизерной и баннерной рекламы
- Общие вопросы
Сайтостроение
- Веб-строительство
- Статистика и аналитика
- Доменные имена
- Администрирование серверов
- Хостинг
- Безопасность
- Usability и удержание посетителей
- Копирайтинг
Социальный Маркетинг
- Вконтакте
- YouTube
- Facebook & Instagram
- TikTok
- Telegram
- Общие вопросы
Общение профессионалов
- Семинары и конференции
- eCommerce, интернет-магазины и электронная коммерция
- Телефония и коммуникации для бизнеса
- Деловые вопросы
- Финансы
- Cчет в Яндекс.Деньгах
- Криптовалюты
- Инвестиции
- Экономика
- Правовые вопросы
Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты — покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки — обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
Не про работу
- О сайте и форуме
- Самое разное
- Курилка
- Встречи и сходки
- Железо и софт

Яндекс.Маркет обновил логику расчета индекса качества

SEO для Google Discover

Здравствуйте, есть код:

В нем не срабатывает обработчик resize(), т.е. не вызывается aligned.setSize().

Если например писать в консоль $(window).height() — то все работает, не вызывается именно setSize(). Почему так? Что не правильно в этом коде?

А что файрбаг говорит?

Sanu0074, смотрите на ошибки в html у меня ваш код прекрасно отработал

silicoid, причем ошибки html? функция в первый раз срабатывает, а уже в обработчике resize не пашет.

у меня один раз матернулся файрбаг, из-за того, что слимскролл не был подключен. все остальное работает на ура.

если у вас один раз отрабатывает, потом встает, то подозреваю, что бобик гдето между aligned.setSize(); и $( window ).resize(function() порылся. (а там у вас слимскролл фигурирует)

А вообще без живого сайта определить по коду, это все-равно что гланды по телефону вырезать

Источник

Почему не срабатывает событие resize?

Пытался отловить событие изменения размеров окна. Но по какой-то причине срабатывает только первый console.log();

Почему так происходит?

Вопрос задан более двух лет назад
390 просмотров

Простой 6 комментариев

Роман Александрович,

Вот так получается

Когда сюда поставил, как вы показали

События не срабатывают. Никакие и никогда. Срабатывают обработчики событий.

по какой-то причине срабатывает только первый console.log()

Так, первый, отлично. А второй какой? Это который в componentWillUnmount? Ну так правильно не срабатывает. Когда компонент будет удаляться из DOM — тогда и сработает. Или вы ждёте, что повторно сработает первый? — если так, то это абсурд.

Всё работает так, как и должно. Вы сделайте вывод свойств width и height в render — увидите, что они изменяются при изменении размеров окна (или перенесите console.log в updateDimensions).

Можно кастомный хук написать

И в компоненте заюзать
const [width, height] = useWindowSize()

Источник

Функция срабатывает только при изменении размера, а не при загрузке страницы

Ранее я задавал вопрос, чтобы получить код, который у меня есть, но я хотел задать отдельный вопрос, чтобы получить помощь по следующей проблеме, которая у меня возникла. Я использую Adobe Scene 7 для создания предустановок изображений, а затем меняю концы URL-адресов, так что на мобильных устройствах мы доставляем изображения гораздо меньшего размера, чтобы увеличить общую скорость нашего сайта. Я пытаюсь сделать две вещи.

1) этот код работает только при изменении размера страницы, я не могу понять, как заставить это работать при загрузке страницы. Если размер окна составляет 850 или выше, я бы хотел, чтобы изображение автоматически изменялось на большее изображение, а если экран меньше 850, он загружал бы меньшее изображение. Изображения будут загружены в формате для мобильных устройств в html, так что на мобильных устройствах загружается меньшее изображение, а затем на рабочем столе jquery заставит большее изображение заменить его.

2) Это только для одного типа изображения. Есть ли способ заставить этот код работать для нескольких разных элементов? Например, приведенный ниже код предназначен для баннеров нашей домашней страницы, но нам потребуется код для изображений продуктов, эскизов продуктов, видеороликов продуктов и т. Д. Для изображений продуктов мы изменим $ productmobile $ на $ productfull $. Если это не имеет смысла, я могу ответить на любые вопросы.

ссылка jsfiddle (чтобы это сработало, вы должны двигать среднюю полосу вперед и назад, чтобы изменить ширину окна «результат»)

Редактировать: удалено повторение.

3 ответа

Вам нужно создать все в функции, например:

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

Оберните изображения такими div, как:

Лучший способ выполнить код после загрузки страницы с помощью jQuery — использовать

Прежде всего, я взял на себя смелость сделать ваш код немного более эффективным, сократив его до одного блока. Теперь вам нужно будет вызвать этот код один раз для загрузки страницы и один раз для изменения размера.

Поскольку это один и тот же код, выполняемый дважды, было бы лучше разделить его на одну функцию, а затем вызвать эту функцию дважды, но вам нужно оставить ее отдельно, если вы хотите обрабатывать каждый случай по-разному.

Что касается второй части вашего вопроса, да, вы можете применить этот код к другим изображениям. Для этого вам нужно будет изменить селектор $ (‘img’), чтобы выбрать новый элемент и переменные $ _mobile и $ _full на любой другой источник.

Вы можете сделать это, запустив свою функцию:

Также не забудьте обернуть свой код в готовый документ.

Источник

Window resize не работает

$ (Окна ) .resize ( ) ; не работает

5 ответов

Не работает window.onresize