多个Jquery Cycle幻灯片，带有自己的Navs

Question

我在博客列表页面上使用Jquery循环插件（http://malsup.com/jquery/cycle/）。有多个幻灯片可以正常工作，但我希望每个幻灯片都有自己的上一个和下一个。

因为这些是博客文章，所以很难签署唯一的ID或类。我目前有： -

    $('.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
});

任何人都可以帮助我吗？ 提前谢谢。

戴夫。

Answer 1

尝试这样的事情：

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

Answer 2

你能在类/ ids中使用入口ID吗？

类似的东西：

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

然后将javascript的那部分内联。