JQuery JScrollpane плагин странное поведение

Question

Пожалуйста, проверьте этот сайт: pixeli.ca/works/italia Там я работаю на сайте. Проблема в том, что когда я просто открываю этот адрес, он не показывает две панели, использующие jScrollPane должным образом - они выглядят как узкие горизонтальные полосы с содержимым внутри. Затем я нажимаю на любой из элементов верхней панели навигации, и он становится таким, каким он должен быть - все выглядит хорошо. Что я могу сделать, чтобы все заработало с самого начала? Похоже, что-то связано с функцией jQuery hide (). Когда я выключаю его в документе, он работает хорошо. Кто-нибудь сталкивался с чем-то подобным раньше?

Answer 1

Да, я решил проблему. Итак, на сайте реализован простой анимационный эффект с помощью функции jQuery fadeIn. Сначала он показывает элементы постепенно, затем устанавливает cookie, чтобы эта анимация больше не работала. Вот фрагмент кода, где я заставил его работать:

setTimeout(function () {
            loadContent('about');
            $('#doc2').fadeIn(1000);
        }, 7000);

# doc2 div является основным контейнером для контента, и я заметил, что когда он виден, и я загружаю контент, используя свою функцию loadContent ('about'), он работает нормально, но не работает правильно, если # doc2 скрыт. Я только что добавил эту функцию, чтобы она выполнялась одновременно с замиранием в # doc2, и теперь она работает хорошо. Если у вас есть какие-либо вопросы по этому поводу, пожалуйста, не стесняйтесь спрашивать.