0

現在同じクラスを共有している複数のスライダーがあるページのフレックススライダーから現在のスライドを削除しようとしています。http://flexslider.woothemes.com/

現在のところ、閉じるリンクをクリックして2番目のフレックススライダーの現在のスライドを削除すると、1番目のフレックススライダーから現在のスライドが削除されます。

それぞれのスライダーの現在のスライドを正しく削除するために必要です。何か案は？

HTML

<!-- flexslider 1 -->
<section class='choices'>
  <ul class='slides'>
    <li class='flex-active-slide'>
       <a class='close'></a>
       content here
    </li>
    <li>
       <a class='close'></a>
       content here
    </li>        
    <li>
       <a class='close'></a>
       content here
    </li>
  </ul>
</section>

<!-- flexslider 2 -->
<section class='choices'>
  <ul class='slides'>
    <li class='flex-active-slide'>
       <a class='close'></a>
       content here
    </li>
    <li>
       <a class='close'></a>
       content here
    </li>
  </ul>
</section>

脚本

(window).load(function() {

    $('.choices').flexslider({
        animation: "slide",
    });

    var slider = $('.choices').data('flexslider');

    $('.slides .close').click(function(){
         slider.removeSlide(slider.currentSlide);
    });
});
4

1 に答える 1

0

回避策を見つけるために管理します。currentSlideはスライドのインデックス番号のみを返します。したがって、より具体的なセレクターが必要です。

$('.choices .close').click(function(){
    var sliderid = $(this).closest(".choices");
    var slider = sliderid.data('flexslider');
    slider.removeSlide(slider.currentSlide);
});
于 2013-02-17T13:20:33.327 に答える