2

こんにちは、1ページに複数の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>
4

2 に答える 2

2

最もclosest近い要素ではなく、最も近い親を選択しますfind。メソッドを使用できます。

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

woodwoodマークアップの ID が無効なラッパーが複数ある場合、ID は一意でなければならないことに注意してください。

于 2012-11-01T06:58:10.190 に答える
1

問題は発見.nextと.prev

これらの行を変更し、

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

に、

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

デモ: http://jsfiddle.net/muthkum/egZ3y/1/

于 2012-11-01T06:57:06.917 に答える