Как получить текущий индекс с JCarousel Lite?
-
13-11-2019 - |
Вопрос
Я использую jcarousel lite и нужно получить текущий индекс (какой элемент отображается, как я только показываю один элемент одновременно), чтобы я мог добавить «текущий» класс на навигационную ссылку.
.Есть ли кто-нибудь, как я могу сделать это?
Решение
из Документация по ссылке, которую вы разместили:
Последствия Функция обратного вызова, которая должна быть вызванным после окончания анимации. Элементы, представляющие элементы которые видны после анимации концы передаются в качестве аргумента. Итак, создайте функцию, которая устанавливает ваш «текущий» класс и передает его в качестве опции «
afterEnd
» при создании карусели.
Другие советы
Сначала скачайте несжатая версия jcarousel lite и открытьЭто.Перейдите к строке 288 * или где-либо под o.beforeStart.call () и добавьте следующее:
li.removeClass("current");
.
Далее Перейти к строке 313 *, где угодно ниже ul.animate ();, или даже в animate () обратный вызов и добавьте следующее:
li.eq(curr).addClass("current");
.
Это для модификаций Jcarousel Lite.Сохраните файл / загрузить изменения.
Наконец, вы захотите установить текущий класс после нагрузки страницы.Для этого использования:
$(".jCarouselLite li").eq(0).addClass("current");
or
$(".jCarouselLite li:first").addClass("current");
.
* Примечание для будущих читателей: это изменение для V1.0.1.Фактический номер линии может варьироваться.