jQuery bxSlider issue

Question

Me enfrento a un problema extraño en el que parece que no puedo encontrar una solución. Para uno de mis proyectos estoy usando bxSlider. Hay dos botones personalizados, previos y próximos para alternar el deslizamiento. Todo esto funciona bien, excepto por el control deslizante para 'reiniciar' después del primer clic (siguiente o anterior no importa).

Para ello estoy usando estas funciones:

$('#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); 
    }); 

No importa si uso la función GotoSlide (índice) o goToPreviousSlide()/goToNextSlide().

Se puede encontrar un ejemplo en vivo here. Intenta hacer clic en las flechas para deslizarte por la colección.

Answer 1

esto funcionará:

http://pastebin.com/Psz1dDqE

que necesita para obtener la devolución de su configuración inicial en el cursor var. no crees uno nuevo.

Answer 2

Prueba esto:

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

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

$('#SlideNext').click(function(){ 
    slider.goToNextSlide(); 
}); 

Answer 3

Para mí este trabajo:

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