jQuery: Anything Slider - Несколько слайдеров - Сбросить другие слайдеры на первый слайд?

Question

Я использую Anythingslider, чтобы показать 3 ползунка на одной странице.

Каждый слайдер находится на вкладке... например, нажмите "Tab 1" - появится слайдер 1, нажмите "Tab 2", появится слайдер 2 и т. Д. И т. Д.

Проблема в том, что слайды не сбрасываются на каждой вкладке. Например, если я нахожусь на "вкладке 1" и просматриваю слайд 3, я нажимаю "вкладку 2", а затем возвращаюсь к "вкладке 1" - она ​​все еще на слайде 3 - не сбрасывается на слайд 1....

Итак, мой вопрос, как я могу сбросить слайды обратно на один, при просмотре других вкладок?

Как будто вам нужна jquery-версия следующего:

IF you click an <li class="tab"> then reset all sliders to slide 1..

Anyhoo, у кого-то может быть идея получше? Надеюсь, кто-нибудь может помочь?

Answer 1

Попробуй это:

$(document).ready(function(){

    $('.tab').click(function(){
        $('.anythingSlider').anythingSlider(0);
    });

});

Вы также можете использовать другие действия для нажатия кнопки ".tab", привязав их к событию click:

$(document).ready(function(){

    $('.tab').bind("click", function(){
        $('.anythingSlider').anythingSlider(0);
        // other .tab click actions
    });

});

Answer 2

Проверьте это

этот пример обрабатывает ручную навигацию по слайдам в AnythingSlider, вы можете перейти к первому слайду, если вы хотите сбросить ползунки при нажатии на li элемент