Аккордеонное меню JQuery мигает при загрузке - PullRequest
Новая
       55

Аккордеонное меню JQuery мигает при загрузке

1 голос
/ 20 мая 2011

Я реализовал меню Jquery на сайте, но всякий раз, когда я нажимаю на новую страницу, меню на секунду опускается, а затем возвращается в нормальное состояние. Кто-нибудь знает, почему это так?

Вот ссылка: http://www.knowledgecity.com/alj/ Нажмите на первый пункт меню «Прагматично действовать», затем нажмите на первый пункт в этом меню. По мере загрузки новой страницы меню будет немного двигаться. Попробуйте в IE.

Заранее благодарю за помощь.

David

Ответы [ 2 ]

1 голос
/ 20 мая 2011

Хитрость заключается в том, чтобы скрыть содержимое аккордеона и показать его при вызове аккордеона.Это предотвратит стряхивание, которое вы видите.

пример

CSS 

#element{
 display:none;
}

jQuery 

$('#element').accordion().show();
0 голосов
/ 20 мая 2011

В вашем div, содержащем горизонтальное меню «Prida | Business | Computer», вы можете добавить вложенный div и присвоить ему фиксированную высоту с помощью css. Это действует нервно, потому что после загрузки DOM это меню представляет собой просто текстовый список. Затем стили вводятся в ваш код и, наконец, применяются к меню.

В настоящее время у вас есть: 

<div id="tabs">
    <ul> ... </ul>
</div>

Я бы попробовал: 

<div id="tabs">
    <div id="tabsContainer" style="height:42px">
        <ul> ... </ul>
    </div>
</div>

Или прикрепите div с фиксированной высотой к одному из ваших <li> элементов: 

<div id="tabs">
    <ul>
        <li><div style="height:42px"></div>...</li>
        ... 
    </ul>
</div>
...