我在博客列表页面上使用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
});
任何人都可以帮助我吗? 提前谢谢。
戴夫。
答案 0 :(得分:4)
尝试这样的事情:
$('.article .gallery').each(function(){
var $this = $(this);
$this.cycle({
next: $this.next('.viewmore').find('.left'),
prev: $this.next('.viewmore').find('.right')
});
});
答案 1 :(得分:0)
你能在类/ ids中使用入口ID吗?
类似的东西:
<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>
然后将javascript的那部分内联。