Проблемы с получением jScrollpane для работы на моем сайте

Question

Я пытаюсь использовать JScrollPane от Kelvin Luck на моем веб-сайте, но у меня возникают некоторые проблемы с его работой.

В частности, я попытался скопировать код для простой функции горизонтальной прокрутки со страницы примера здесь, но, очевидно, что-то упустил:

http://jscrollpane.kelvinluck.com/arrows.html

Вот страница, на которой я ее тестирую:

http://lowhandicapper.com/members/chipping-playlist-test/

В моем плейлисте всего 7 видео, но я не могу получить функцию прокрутки, чтобы показать 3, которые изначально скрыты.

Обновить:

Я также создал тестовую страницу, используя тот же HTML-код для горизонтального слайдера из первой ссылки выше, и разместил ее на своем сайте здесь:

http://lowhandicapper.com/members/exact-horizontal-test

Все еще не могу заставить его работать.

Answer 1

Проблема в вашей HTML-разметке.

Вам не нужно создавать все.jspcontainer, .jspHorizontBar и т. Д. Jscrollpane сделает это за вас.

Кроме того, когда вы инициализируете .jScrollPane() использование функции jQuery вместо $ По какой-то причине это не работает... возможно, у вас есть конфликты с другой структурой.

jQuery(document).ready(function() {
    jQuery('.scroll-pane').jScrollPane({showArrows: true});
});

Вот рабочий пример

Вам просто нужно обновить ширину контейнера.