Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.12.2017, 22:25
Новичок на форуме
Отправить личное сообщение для skruglikov Посмотреть профиль Найти все сообщения от skruglikov
 
Регистрация: 21.03.2012
Сообщений: 4

Проблема с методом 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) дальше которой изображение не сдвинется.

В чем может быть проблема никак не могу понять... Уже думал на систему управления и кеширование, никаких сообщений об ошибке в консоле нет.

Может будут мысли у кого-то, поделитесь

Спасибо!

Последний раз редактировалось skruglikov, 01.12.2017 в 22:30.
Ответить с цитированием
  #2 (permalink)  
Старый 02.12.2017, 00:16
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 505

Попробуйте ещё раз запустить функцию через setTimeout
Ответить с цитированием
  #3 (permalink)  
Старый 02.12.2017, 15:34
Новичок на форуме
Отправить личное сообщение для skruglikov Посмотреть профиль Найти все сообщения от skruglikov
 
Регистрация: 21.03.2012
Сообщений: 4

Проблема решена!
После обновления страницы изображения находятся в браузере и событие load не срабатывает. Инициализация слайдера перенесена из
$(document).ready(function(){});

в
$(window).on('load resize', function(){});

где по типам событий инициализируется нужный код.

Если будут комментарии или мысли, милости прошу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery для загрузки страницы в <div> Dr.Holerik jQuery 12 11.10.2016 17:36
Изменение адреса страницы после аякса. Tchort AJAX и COMET 9 03.09.2011 00:20
Событие после обновления страницы ajax'ом kryzhovnik Events/DOM/Window 4 07.10.2009 22:32
firefox зависает после обновления страницы constantant Firefox/Mozilla 4 14.09.2009 12:30
Проблема со списком jquery Deexus jQuery 3 09.01.2009 21:33