Проблема с jQuery bxSlider - PullRequest
       1

Проблема с jQuery bxSlider

5 голосов
/ 12 апреля 2011

Я столкнулся со странной проблемой, когда не могу найти решение. Для одного из моих проектов я использую bxSlider. Есть две пользовательские кнопки, prev и next для переключения скольжения. Это все работает хорошо, за исключением того, что ползунок «перезапускается» после первого щелчка (следующий или предыдущий не имеет значения).

Для этого я использую следующие функции:

$('#Slider2').bxSlider({
        auto: false,  
        speed: 1000,
        mode: 'horizontal'
    });

    $('#SlidePrev').click(function(){
        var slider  = $('#Slider2').bxSlider();
        var slideNr = slider.getCurrentSlide() - 1;

        //slider.goToSlide(slideNr);
        slider.goToPreviousSlide();

    });

    $('#SlideNext').click(function(){
        var slider  = $('#Slider2').bxSlider();
        var slideNr = slider.getCurrentSlide() + 1;

        slider.goToSlide(slideNr); 
    });

Не имеет значения, использую ли я функцию goToSlide (index) или goToPreviousSlide () / goToNextSlide ().

Живой пример можно найти здесь . Попробуйте нажать на стрелки, чтобы скользить по коллекции.

Ответы [ 3 ]

1 голос
/ 13 января 2012

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

var slider = $('#Slider2').bxSlider({
    auto: false,  
    speed: 1000,
    mode: 'horizontal'
});

$('#SlidePrev').click(function(){
    slider.goToPreviousSlide();
});

$('#SlideNext').click(function(){
     slider.goToNextSlide(); 
});
1 голос
/ 09 декабря 2011

Это будет работать:

http://pastebin.com/Psz1dDqE

вам нужно получить возврат вашего начального набора в ползунок var. не создавайте новый.

0 голосов
/ 20 сентября 2013

Для меня это работа:

<script type="text/javascript">
var slider = $('.bxslider');

$(document).ready(function () {
    slider.bxSlider({
        infiniteLoop: false,
        hideControlOnEnd: true,
        pager: false,
        mode: 'fade'
    })
});

function GoToSlide(id) {
    slider.goToSlide(id);
}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...