Jump to content

Мерцает блок при обновлении страницы


Recommended Posts

Может тут есть грамотные люди, которые действительно могут помочь. 

Вот есть у меня код, может кому тоже пригодится. Он изначально выводит блок с инфой в нем открытой. Закрывает и открывает с запоминанием в Cookie. Не надо блок, закрыл и все. Больше не покажется. Так же если надо, открыл и он будет открытым. Так вот проблема в том, что если он закрытый, то гуляя по сайту этот блок на секунду появляется и скрывается. Либо просто на месте страницу обновляю, тоже самое. Не могу побороть данную проблему. 

Когда блок изначально скрыт, то легко решается, display:none и все. А вот как решить это мерцание когда блок изначально открыт. Реально пол дня гугл пытаю, так не могу найти решение.. На хабре спрашивал, там по моему уже бесполезно что-то спрашивать. Раз 10 пытался, причем по мелочи, всегда тишина. 

$(document).ready(function() {
  
  $("a.knopka").click(function() {

   $("#blocks").toggle();
   if ($("#blocks").is(':hidden')) { 
   
   
     $.cookie('test', 'false', { expires: 7 }); 
	 
   } else {
	  
   
     $.cookie('test', 'true', { expires: 7 });
  }
  });

  if ( $.cookie('test') != null) {
    if (  $.cookie('test') == 'false') {
      $("#blocks").hide();
    }
  }
});
<a class="knopka" >открыть закрыть</a>
<div id="blocks">
Инфа скрыть показать
</div>

 

Link to post
Share on other sites

Единственное что могу предложить, это ставить этот код js, как можно выше на странице.
Обычно такие коды мерцают, из за того что до момента подгрузки кода, браузер не знает что делать с блоком. И стили этого блока, желательно вынести и поставить после этого js
 

Link to post
Share on other sites
2 часа назад, Anjel сказал:

Единственное что могу предложить, это ставить этот код js, как можно выше на странице.
Обычно такие коды мерцают, из за того что до момента подгрузки кода, браузер не знает что делать с блоком. И стили этого блока, желательно вынести и поставить после этого js
 

Да вот пробовал. Даже блок без стилей делал. Такая же история. 

Такие вещи видел на сайтах, но вот как они реализованы не могу понять. 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...