jquery - jquery循环，页面上的多个

Question

您好，我试图在一页上拥有多个 jquery 循环库。ifeel 好像我的代码是正确的，但它无法正常工作......任何人都可以看看并提供帮助吗？它似乎没有找到我的 .next 和 .prev 类？

jQuery：

$('.cycle').each(function() {
    var slideshow = $(this);
    var next = slideshow.closest('.next');
    var prev = slideshow.closest('.prev');

    slideshow.cycle({
        speed: 0,
        timeout: 0, 
        next: next, 
        prev: prev,
    });
});

html:

<div id="woodwood" class="drag">
    <div class='cycle'>
        <img src='invites/baldi.png' />
        <img src='invites/koerfer.png' />
        <img src='invites/williams.png' />
    </div>
    <div class="title">
        Invites<br />
        2010 &mdash; 2012
    </div>
    <div class="controls">
        <a class='prev'><img src="left.gif"></a>
        <a class='next'><img src="right.gif"></a>
        <button>Close</button>
    </div>
</div>  

Answer 1

选择最近的父元素而closest不是最近的元素，您可以使用find方法。

var next = slideshow.parent().find('.next');
var prev = slideshow.parent().find('.prev');

请注意，如果您有多个包装器，且woodwood标记的 ID 无效，则 ID 必须是唯一的。

Answer 2

问题在于寻找.next和.prev

更改这些行，

var next = slideshow.closest('.next');
var prev = slideshow.closest('.prev');

到，

 var next = $('.next');
 var prev = $('.prev');

演示：http: //jsfiddle.net/muthkum/egZ3y/1/