Проблема Нужна помощь. Smooth Div Scroll

Пользователь · Регистрация: 16.06.2015

На этом сайте была опубликована статья "Smooth Div Scroll - горизонтальная
прокрутка контента" (Smooth Div Scroll - горизонтальная прокрутка контента » Скрипты для сайтов).

На локальном сервере OpenServer создан сайт на движке Wordpress и премиум-темой kallyas. Там вся эта конструкция напрочь отказывается работать. В хедере статично отображаются в два ряда 15 картинок (столько я задал в div) и никакого скроллинга. Все рекомендации по размещению скрипта в теге <body> выполнены. Библиотеки jQuery стоят обновленные.
Прошу помощи - запустить этот скрипт.
PS Раньше скрипт работал на WP 4.01. Но я тот сайт уничтожил. Стал устанавливать скрипт на новый сайт с обновленным WP 4.2 - скрипт не работает. Предположил, что это из-за нового движка, но при установке старой версии WP 4.0 - скрипт все равно не работает.

Администратор · Регистрация: 27.02.2009

Давай те ссылку на страницу где подключен скрипт.

Пользователь · Регистрация: 16.06.2015

Добрый вечер.
Я в посте написал: "На локальном сервере OpenServer создан сайт на движке Wordpress и премиум-темой kallyas. "
Так, что вот такая ссылка.
Интересно, что демо скрипта на локальной машине работает.
Могу выложить код файла header.php, где подключался скрипт.
С уважением.

Пользователь · Регистрация: 16.06.2015

Народ. Admin и все добрые люди.
Помогите же наконец бедному крестьянину.
Буду ждать до тех пор, пока этот хрень не зафурычит.

Администратор · Регистрация: 27.02.2009

Так выкладывай всю инфу, что можешь выложить... очевидно же, что не видя кода, никто не сможет помочь...

jquery вообще отрабатывает на странице?
в файле function.php скрипты подключаются?
Порядок подключения скриптов соблюдается?

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

Пользователь · Регистрация: 16.06.2015

Спасибо за ответ.
Буду разбираться.
На все вопросы постараюсь обстоятельно ответить.

Пользователь · Регистрация: 16.06.2015

Добрый день всем.

Что я неправильно делаю?
1. Следующий код помещаю в файл header.php между тегами <HEAD></HEAD>:

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"
type="text/javascript"></script>

<script src="js/jquery-ui-1.8.23.custom.min.js"
type="text/javascript"></script>

<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>

<script src="js/jquery.kinetic.js" type="text/javascript"></script>

<script src="js/jquery.smoothdivscroll-1.3-min.js"
type="text/javascript"></script>

2. Код вызова плагина:
<script type="text/javascript">
$(document).ready(function () {
$("#makeMeScrollable").smoothDivScroll({
mousewheelScrolling: "allDirections",
manualContinuousScrolling: true,
autoScrollingMode: "onStart"
});
});
</script>

помещаю между тегами <BODY></BODY>/ Туда же помещаю и контейнер <div> с изображениями.

3. Копирую файлы jquery.colorbox-min.js, jquery.kinetic.js, jquery.mousewheel.min.js, jquery.smoothDivScroll-1.3.js, jquery.smoothdivscroll-1.3-min.js, jquery-ui-1.8.23.custom.min.js в папку "js" в корне шаблона, а файл smoothDivScroll.css в папку "css" там же.

4. Закачиваю в библиотеку файлы изображений.

5 Копирую код:
#makeMeScrollable div.scrollableArea *
{
position: relative;
display: block
float: left;
margin: 0;
padding: 0;
/* If you don't want the images in the scroller to be selectable, try the
following
block of code. It's just a nice feature that prevent the images from
accidentally becoming selected/inverted when the user interacts with
the scroller. */
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

в файл стиля шаблона style.css - в корневой директории шаблона (установил уже родной шаблон для Wohdpress - twentyfifteen).

Запускаю (перезагружаю) страницу... И ни хрена не работает.

Как приговоренный прошу помощи целую неделю.
Люди, сжальтесь.

Администратор · Регистрация: 27.02.2009

Цитата:

1. Следующий код помещаю в файл header.php между тегами <HEAD></HEAD>:

PHP код:



<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.smoothdivscroll-1.3-min.js"
type="text/javascript"></script>

и т.д.

Цитата:

Копирую файлы jquery.colorbox-min.js, jquery.kinetic.js, jquery.mousewheel.min.js, jquery.smoothDivScroll-1.3.js, jquery.smoothdivscroll-1.3-min.js, jquery-ui-1.8.23.custom.min.js в папку "js" в корне шаблона, а файл smoothDivScroll.css в папку "css" там же.

Копирую файлы в корне шаблона...

То есть путь для всех скриптов уже должен быть иным...
Примерно таким /wp-content/themes/НАЗВАНИЕ_ТЕМЫ/js/

PS. В браузере firefox установить нужно расширение firebug - оно показывает ошибки.

Пользователь · Регистрация: 16.06.2015

Добрый день, Admin.
Огромное спасибо за помощь и участие.
Все заработало.
Вся проблема, как верно Вы указали, была в некорректно указанных путях подключения скриптов и файла CSS (кстати, в самой Вашей статье не указан момент, что нужно подключить файл smoothDivScroll.css, только в комментах кто-то на это обратил внимание).
Огромное спасибо еще раз.
Всех благ.

Администратор · Регистрация: 27.02.2009

Цитата:

в самой Вашей статье не указан момент

Рекомендую по большей части руководствоваться демо примерами в архиве и делать по аналогии.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Проблема Срочно нужна помощь	kolya_abv	Web-мастеринг	7	22.07.2014 19:20
Вопрос Нужна ваша помощь	Майорчик	Вопросы по vBulletin 3.х	8	22.01.2013 20:28
Проблема Нужна помощь	dhak	Вопросы по vBulletin 3.х	1	29.12.2012 12:11
Проблема Нужна помощь по 5 пунктам	Grand	Вопросы по vBulletin 4.х	0	16.09.2012 17:27
Вопрос Нужна помощь в редактирование шаблона	russian88	Вопросы по vBulletin 4.х	1	01.04.2012 00:19

Vector #2
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Нужна помощь. Smooth Div Scroll - 16.06.2015, 19:13 Давай те ссылку на страницу где подключен скрипт.

Nikprofit #6
00 МГц Пользователь Вес репутации: 0 Регистрация: 16.06.2015 Сообщений: 6 Сказал(а) спасибо: 0 Спасибок 0 в 0 сообщениях	Re: Нужна помощь. Smooth Div Scroll - 22.06.2015, 08:13 Спасибо за ответ. Буду разбираться. На все вопросы постараюсь обстоятельно ответить.

Vector #10
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Нужна помощь. Smooth Div Scroll - 25.06.2015, 23:52 Цитата: в самой Вашей статье не указан момент Рекомендую по большей части руководствоваться демо примерами в архиве и делать по аналогии.