Несколько слайд-шоу цикла JQuery с собственными навигациями

StackOverflow https://stackoverflow.com/questions/2146699

  •  23-09-2019
  •  | 
  •  

Вопрос

Я использую плагин цикла JQuery (http://malsup.com/jquery/cycle/) на странице списка блогов.Есть несколько слайд-шоу, которые работают нормально, но мне бы хотелось, чтобы у каждого было свое предыдущее и следующее.

Поскольку это сообщения в блогах, сложно подписывать уникальные идентификаторы или классы.На данный момент у меня есть:-

    $('.article .gallery').cycle({
 next: '.viewmore .left',
 prev: '.viewmore .right',
timeout:0
});

Я пробовал следующее, но не работает.Это дает вам лучшее представление о том, что я ищу: -

 $('.article .gallery').cycle({
 next: $(this).next('.viewmore .left'),
 prev: $(this).next('.viewmore .right'),
timeout:0
});

Может кто-нибудь мне помочь?Заранее спасибо.

Дэйв.

Это было полезно?

Решение

Попробуйте что-то вроде этого:

$('.article .gallery').each(function(){
    var $this = $(this);
    $this.cycle({
        next: $this.next('.viewmore').find('.left'),
        prev: $this.next('.viewmore').find('.right')
    });
});

Другие советы

можете ли вы использовать идентификаторы записей в классах/идентификаторах?

что-то вроде:

<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>

затем вставьте эту часть javascript в строку.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top