Задержка в стилизации CSS выпадающего меню Javascript - PullRequest
Новая
       31

Задержка в стилизации CSS выпадающего меню Javascript

1 голос
/ 10 февраля 2012

Я использовал JavaScript-меню Smooth Navigation на веб-сайте, и клиент жалуется, что при навигации по сайту задерживается стилизация основной навигации.

Правда, при открытии страницы задержка может составлять 1 с, прежде чем включится CSS и стили будут правильными. CSS находится вверху страницы, а JS внизу, поэтому я не знаю, что вызывает эту задержку?

Веб-сайт http://jomast.co.uk/

Любая помощь будет принята с благодарностью.

Спасибо.

Ответы [ 3 ]

1 голос
/ 10 февраля 2012

Вам не нужно и не следует использовать Javascript для простого выпадающего меню, подобного этому.

В любом случае добавьте класс «navv» в контейнер меню и посмотрите, решит ли это проблему.

Измените это: 

<div id="nav>

на это: 

<div id="nav" class="navv">
1 голос
/ 10 февраля 2012

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/js/ddsmoothmenu.js"></script>
<script type="text/javascript">
    ddlevelsmenu.init("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<script type="text/javascript" src="scripts/js/news.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
    });
</script>

Это также позаботится о последовательном: 

Uncaught ReferenceError: $ is not defined               news.js:1
Uncaught ReferenceError: jQuery is not defined          jquery.cycle.all.latest.js:918
Uncaught ReferenceError: $ is not defined               index.php:149
Uncaught ReferenceError: ddlevelsmenu is not defined    index.php:158
0 голосов
/ 10 февраля 2012

По сути, JavaScript выполняется после полной загрузки документа и обработки этого Javascript также занимает некоторое время.Во время этой задержки вы можете увидеть «не стилизованную» версию меню, которая появляется, когда браузер пытается отобразить все как можно быстрее.

Самое простое решение - это оформить меню так, чтобы оно было «не стилизованным»"Версия будет выглядеть так же, как" стиль ".Тогда он не будет мигать, и скрипт добавит медленно появляющуюся анимацию, когда страница полностью загрузится.

...