Проблема с методом jquery on() после перезагрузки страницы
Добрый день!
Разработан адаптивный дизайн сайта. На страницах некоторые для некоторых изображений, так как они специфические, подстраивается размещение, с помощью метода jquery on(), который отслеживает загрузку страницы или изменение размера браузера, вычисляет позицию изображения и меняет её через left. $(window).on("load resize", window, function(){...}); Проблема на локальной машине не возникает, а на сервере под возникает. После первой загрузки, изображение становится на место, а если обновляю окно браузера (cmd+r), то изображение не смещается. При незначительном сдвиге края браузера, то изображение перемещается в нужное место. Замечу, методу on() передаются два события load и resize. Собственно сам сайт http://olimpmotor.com/. Расположение изображений корректируется, так как есть фото, где машина слева, а есть справа... А хочется, чтобы машина была максимально в области видимости! Для некоторых картинок есть дополнительный атрибут data-medium-left и data-medium-right, который определяет "крайнюю" позицию изображения (left) дальше которой изображение не сдвинется. В чем может быть проблема никак не могу понять... Уже думал на систему управления и кеширование, никаких сообщений об ошибке в консоле нет. Может будут мысли у кого-то, поделитесь ;) Спасибо! |
Попробуйте ещё раз запустить функцию через setTimeout
|
Проблема решена!
После обновления страницы изображения находятся в браузере и событие load не срабатывает. Инициализация слайдера перенесена из $(document).ready(function(){}); в $(window).on('load resize', function(){}); где по типам событий инициализируется нужный код. Если будут комментарии или мысли, милости прошу ;) |
Часовой пояс GMT +3, время: 00:45. |