jquery循环，页面多个

Question

你好，我正在尝试在一个页面上拥有多个 jquery 循环画廊。我觉得我的代码是正确的，但它不起作用......任何人都可以查看并提供帮助吗？它似乎没有找到我的 .next 和 .prev 类(class)？

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');

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