Закрыт

При обновлении страницы свернутое меню мелькает на долю секунды

Добрый день Всем! Прошу Вашей помощи!!!! На сайте [login to view URL] есть меню с левой стороны. Изначально оно раскрыто и широкое. Так и должно быть. Потом мы его сворачиваем по клику (.х_block). Его свернутость сохраняется и при обновлении страницы тоже методом (localStorage) это тоже все отлично, НООО!!! только когда меню свернуто и мы обновляем страницу, это меню мелькает и становится развернутое, а потом снова закрытое/свернутое. Проблема именно в этом мелькании.

Меню находится в сайдбаре. У него класс .col-md-3

.col-md-3 {

-ms-flex: 0 0 25%;

flex: 0 0 25%;

max-width: 25%;

}

При сворачивание меняется класс на .col-md-1

.col-md-1 {

-ms-flex: 0 0 3.333333% !important;

flex: 0 0 3.333333% !important;

max-width: 3.333333%!important;

padding:0!important;

}

Метод:

$(function(){

$('.х_block').click(function(){

$('.left_block').toggleClass('col-md-1');

[login to view URL]("blockIsActive", $('.left_block').hasClass('col-md-1'));

});

var blockIsActive = [login to view URL]("blockIsActive");

if (blockIsActive == "true") {

$('.left_block').addClass('col-md-1');

$('.left_block').removeClass('col-md-3');

}

});

Пробовал в DOM добавлять атрибуты ширины классу .col-md-1 style="max-width" - только этот атрибут к диву не добавляется.

Мысли: Понимаю что изначально страница загружается и берет код HTML, а затем подгружаются измененные стили. НЕ могу прощупать логику, кто сталкивался с этой проблемой!??? Очень надеюсь на Вас ГУРУ!!!! ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО.

Пробовал blockIsActive !== "false" сделать изначально его свернутым но раскрывать при загрузке. Все получается в точности наоборот. Когда свернутое меню при обновлении не скачет. Но скачет при первой загрузке от изначально свернутого до развернутого.

Так же скачет логотип...потому что скачет боковое меню.

Квалификация: PHP, HTML, Дизайн сайтов, Графический дизайн

Показать больше freelancer id, freelancer company, www freelancer com jobs, free ancer login, freelancer inn, feelancer, freelancer app, freelance jobs, 1с фриланс украина, 2d иллюстратор фриланс, 2d фриланс, 3d аниматор фриланс, 3d визуализатор фрилансер, 3d графика фриланс, 3d дизайн интерьера фриланс, 3d дизайнер фрилансер, 3d моделирование онлайн, 3d моделирование онлайн фриланс, 3d моделлер онлайн, 3d моделлер удаленно

О работодателе:
( 0 отзыв(-а, -ов) ) Ekaterinburg, Russian Federation

ID проекта: #24278522

6 фрилансеров(-а) в среднем готовы выполнить эту работу за $16

codetechservices

Validcode is a dynamic and fast-moving company in Web/Mobile designing and development world-wide and has proven itself to be one of the best in markets. Validcode have served customers from USA , Canada , Germany , UK Больше

$20 USD за 7 дней(-я)
(43 отзывов(-а))
6.0
pakulin

Привет, есть решение .

$10 USD за 1 день
(48 отзывов(-а))
5.5
shivanighaloth12

Hello As a self-employed, reliable, and highly experienced Freelancer with expertise in website devlopment. Building organizational websites using knowledge of WORDPRESS,PHP,HTML. [login to view URL] I look forward to discu Больше

$25 USD за 1 день
(2 отзывов(-а))
3.2
DarkErl

Напишите мне, попробую дать идею как можно это починить

$15 USD за 1 день
(1 отзыв)
1.2
PHPcoderWarrior

Здравствуйте. Обращайтесь, сделаю. Скачет из-за того что js выполняется на долю секунды позже в отношении отображения html + css . Есть разные варианты, но лучше всего сделать хранения статуса в кукиз и классы выводить Больше

$10 USD за 1 день
(1 отзыв)
0.0
AdeptOleg

Привет сделаю без бекенд скриптов на чистом цсс без перекомпоновки очереди подгрузки цсс и скриптов.

$15 USD за 1 день
(0 отзывов(-а))
0.0