Как настроить слайдер карусели jquery touch для запуска на слайде с определенным классом CSS? - PullRequest
Новая
       14

Как настроить слайдер карусели jquery touch для запуска на слайде с определенным классом CSS?

0 голосов
/ 04 января 2012

Не уверен, правильно ли я думаю об этом. У меня есть карусель jquery touch, с которой я работаю, и в ней около 25 флагов стран. Карусель показывает 10 флагов за раз, и каждый флаг ссылается на страницу с информацией об этой стране. Карусель остается постоянной на каждой странице страны. Карусель построена на неупорядоченных элементах списка, и я динамически установил класс текущего элемента списка слайдов в .slider_current.

Проблема, с которой я столкнулся, заключается в том, что слайдер запускается на слайде 1 каждый раз, когда вы загружаете новую страницу, но я хочу, чтобы он запускался или, по крайней мере, показывал слайд с классом .slider_current.

Я не слишком хорошо знаю js / jquery, поэтому буду признателен за любые подробные отзывы, которые вы могли бы дать. Я читаю документацию и думаю, что sliderInstance.item - хорошее место для начала, но я не знаю, как обозначить то, что я думаю. Или, возможно, используя jquery cookie для захвата идентификатора слайда, на который нажали, и затем передайте это число в метод sliderInstance.goTo, но я не уверен, как это сделать.

С документацией по слайдеру можно ознакомиться здесь: Ссылка на документацию

Демонстрацию можно посмотреть здесь (это не мой производственный код, он настроен локально): Ссылка на демо

Спасибо!

1 Ответ

2 голосов
/ 04 января 2012

это должно работать: 

var sliderInstance = $("#yourCarouselId").touchCarousel({
    /* options go here */
}).data("touchCarousel");   


var index_to_go_to = $(".your-element-class").index();
sliderInstance.goTo(index_to_go_to);
...