jquery scrollTo + wordpress issue (горизонтальная скользящая компоновка)

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

JQuery и scrollTo включены до <? PHP wp_head (); ?> (в правильном порядке), и я дважды проверил возможные опечатки.

Gere - моя html-разметка:

<div class="nav">
main
bio
film
</div> <div id="wrap"> <div id="mask"> <div class="panel" id="main"> </div> <div class="panel" id="bio"> </div> <div class="panel" id="film"> </div> </div> </div>

и вот сценарий:

<script type='text/javascript'>
$(document).ready(function() {
$('a.menu').click(function() {

    $('a.menu').removeClass('active');
    $(this).addClass('active');

    current = $(this);

    $('#wrap').scrollTo($(this).attr('href'), 800);     

    return false;
});

});

</script>   

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

0
nl ja de
Я получаю много 404 ошибок для файлов JS, когда я иду на ваш сайт. Вы уверены, что загружаете библиотеки
добавлено автор Brian Hoover, источник

1 ответы

У вас есть основная идея, но я думаю, что проблема заключается в том, как вы создали свою прокручиваемую панель и ее контейнер.

Используя приведенный выше код в качестве примера, я внедрил базовый скользящий макет ScrollTo:

  • Вертикальная прокрутка - http://jsfiddle.net/ZqSSm/ 1/ - Обратите внимание, что высота #mask будет 2400px (800px * 3), но только первый 500px видны.

  • Горизонтальная прокрутка - http://jsfiddle.net/ZqSSm/ 2/ - Обратите внимание, что ширина #horizontalwrap составляет 2400px , но видны только первые 500px .

Если вам нужна дополнительная помощь, напишите мне, и я сделаю все возможное! ScrollTo был головной болью для меня, когда он впервые использовал его!

Обратите внимание, что есть и некоторые проблемы с загрузкой JS-файлов на ваш сайт. Я не знаю причину, но открытие консоли разработчика Chrome или firebug позволит вам увидеть, что происходит.

0
добавлено
Да, ты абсолютно прав. Я не совсем уверен, в чем корень проблемы, но просто дважды проверьте, как вы включаете файлы javascript. Я вижу, что вы дважды загружаете JQuery, что может привести к сбою. <script src = "http://estrma.net/DYBLIK/dyblik/wp-content/themes/html5‌ blank/js/jquery-1.8. & zwnj; 3.min.js"> & <script type = 'text/javascript' src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquer‌ y.min.js? вер = 1.8.3' > & ZWNJ;
добавлено автор Stevie, источник
Всегда пожалуйста! Это выглядит хорошо!
добавлено автор Stevie, источник
спасибо за Ваш ответ. Я думаю, проблема не в структуре html. он отлично работал, прежде чем я применил его к wordpress. я изменил ссылки на скрипты на абсолютные пути, но все равно ничего не происходит. консоль выдает исключение Uncaught: TypeError: «$ .scrollTo» не является функцией ». это может быть намек!
добавлено автор user1877803, источник
БОЛЬШОЕ СПАСИБО! я отменил регистрацию jquery, загруженный deafult в functions.php, и это сработало!
добавлено автор user1877803, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

WordPress – русскоговорящее сообщество
WordPress – русскоговорящее сообщество
768 участник(ов)

Группа пользователей популярнейшей CMS WordPress. Запрещено: мат и ругань реклама, спам (в т.ч. каналами) религия, политика, наркотики приглашение ботов без согласования #nowarez

WordPress for developers
WordPress for developers
761 участник(ов)

Группа для разработчиков wordpress Запрещено - мат - оскорбления - флуд - реклама ip телефония https://goo.gl/wBaqci Другие чаты Битрикс https://t.me/bitrixfordevelopers Битрикс работа https://t.me/bitrix_work