Цикл Jquery следующий: функция help - PullRequest
Новая
       10

Цикл Jquery следующий: функция help

1 голос
/ 15 февраля 2010

Ребята, я использую плагин Cycle для галереи. Плагин имеет функцию, которую можно запустить после показа изображения 

prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement){
    SlideIndex = zeroBasedSlideIndex + 1;
    $(".count .c").empty().append(SlideIndex);
},
after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    console.log(currSlideElement);
}

Функция prevNextClick имеет переменную zeroBasedSlideIndex, чтобы определить, какое изображение отображается, в отличие от следующей функции. Я хочу получить индекс элемента, чтобы отобразить его в своем HTML.

Есть идеи?

Ответы [ 2 ]

1 голос
/ 15 февраля 2010

Вы можете использовать options.nextSlide: 

after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    $(".count .c").empty().append(options.nextSlide);
}
0 голосов
/ 21 мая 2011

Вы всегда можете получить индекс для элемента, используя функцию «.index ()» в jQuery. Таким образом, в этом случае вы можете получить текущий индекс, выполнив это: 

$(currSlideElement).index();

Или получить индекс следующего элемента, выполнив это: 

$(nextSlideElement).index();

Было бы неплохо, если бы индекс был возвращен как часть «опций», чтобы избежать чрезмерного обхода DOM, но это примечание для разработчика.

ОБНОВЛЕНИЕ: исправляя себя, поскольку я кодирую, когда читаю это и обнаружил, что существуют надлежащие «опции»: 

options.currSlide;
options.nextSlide;
options.slideCount;

Обнаружил это, когда посмотрел источник этого подсчета: http://jquery.malsup.com/cycle/count.html

Но, тем не менее, кажется, что использование любого из этих вариантов не является взаимозаменяемым. Для кода, над которым я сейчас работаю, использование «$ (currSlideElement) .index ()» и «$ (nextSlideElement) .index ()» больше соответствует моим потребностям в обратном вызове «before». Не работает должным образом в контексте «options.currSlide» и «options.nextSlide». Будет экспериментировать, основываясь на контексте и необходимости.

...