0

シンプルなフォトギャラリーに jQuery Unslider プラグインを使用していますが、現在の画像をクリックして次の画像に移動するオプションがないように見えることを除いて、うまく機能しているようです。

次のコードを使用してそのオプションを自分で実装しようとしましたが、最初にクリックしたときにのみ機能します。

var Gallery = $('#PageGallery');
var unslider = Gallery.unslider({
    animateHeight: true,
    arrows: false,
    infinite: true, 
    nav: false
});

$('.unslider-active').each(function() {
    $(this).click(function() {
        unslider.unslider('next');
    });
});

助けていただければ幸いです、ありがとう！

4

1 に答える 1

0

さて、私は自分で解決策を見つけました。次のように、アクティブな要素だけでなく、スライダーのすべての要素にクリック イベントをバインドするだけで十分です。

$('#PageGallery li').click(function() {
    unslider.data('unslider').next();
});

これが他の誰かに役立つことを願っています!

于 2016-06-27T09:37:26.537 に答える