Несколько flexslider удалить текущий слайд

Question

Я пытаюсь удалить текущий слайд из flexslider на странице с несколькими слайдерами, которые в настоящее время разделяют один и тот же класс. http://flexslider.woothemes.com/

В настоящее время он делает то, что если я нажимаю ссылку «Закрыть», чтобы удалить текущий слайд на втором flexslider, он удаляет текущий слайд с первого флекса.

Мне нужно, чтобы он правильно удалял текущий слайд на соответствующих ползунах. Есть идеи?

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

Answer 1

Управление основать обходной путь, то currentSlide возвращают только индексный номер слайда. Поэтому для этого требуется более конкретный селектор.

$('.choices .close').click(function(){ 
    var sliderid = $(this).closest(".choices"); 
    var slider = sliderid.data('flexslider'); 
    slider.removeSlide(slider.currentSlide); 
});