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

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

Answer 2

问题在于找到.next和.prev

更改这些行，

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

要，

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

DEMO：http://jsfiddle.net/muthkum/egZ3y/1/

jquery循环，页面上有多个

2 个答案: