Отображение подменю Superfish до завершения загрузки страницы

Question

Кто-нибудь знает, почему это происходит? Всякий раз, когда вы переходите на страницу сайта, подменю появляются ненадолго, а затем исчезают, когда страница загружена. Я бы хотел, чтобы это не случилось. Вот URL-адрес .. http://epsia.marketspacecom.com/

Я предполагаю, что есть проблема с моим CSS, но я не могу точно определить, где проблема: (

Answer 1

Может быть, вам нужно определить display:none в CSS вместо того, чтобы давать JS, например:

.sf-megamenu{
 display:none;
}

Answer 2

Вы можете добавить следующие в CSS

    .yourmenuwrap-class-here .sub-menu{
     display:none;
    }

или обычным способом

    .sub-menu{
     display:none;
    }

Этот метод отключает подменю при начальной загрузке страницы и активирует их при наведении.

Answer 3

Недавно я решил эту проблему на своем сайте, я решил эту проблему с помощью CSS и JQuery, шаги по решению проблемы

1 добавить класс к содержателю меню. (свойство класса должно быть переполнено: скрыто;)

2 в области нижнего колонтитула удалите этот класс через некоторое время с помощью jquery.

Forexample

<style>.removehidden{ overflow:hidden;}</style>
<div class="removehidden" id="hidden">
    <div calss="menu">
      <!--- All inside of menu -->
    </div>
</div>

В нижнем колонтитуле напишите этот скрипт

<script> 
     setTimeout(function(){ 
       $('#hidden').removeClass('removehidden').addClass(text); 
      },1000);
</script>

Answer 4

Вы также можете попробовать (это работает для меня), на superfish.css

ul.sf-menu ul#nav  { display:none; ...

Answer 5

Это происходит при медленном рендеринге страниц.
Я нашел несколько способов избежать этого:

1. Рендеринг после завершения загрузки страниц и всего остального, что нужно для инициализации
2. Визуализируйте его вне "страницы", то есть слева: -90000px, например
3. дать обертке вяза видимость: скрыто; -> сделать это -> показать это.