2015-02-06 13 views
6

Provare a utilizzare il carosello slick e utilizzare le mie icone personalizzate per la navigazione anziché i pensieri predefiniti. Ho pensato che il modo migliore per farlo sarebbe quello di impostare la mia lista e utilizzare slickGoTo, ma non riesco a farlo funzionare.Impossibile ottenere slickGoTo che funzioni per la navigazione slick personalizzata

$(document).ready(function(){ 

    $('.rps-slider').slick({ 
     infinite: true, 
     arrows: true, 
     dots:true 
    }); 

    $(".slick-nav li a").click(function(e){ 
     var slideIndex = $(this).index(); 
     $(".rps-slider").slickGoTo(parseInt(slideIndex)); 
    }); 

    }); 

jsfiddle qui: http://jsfiddle.net/r7vjy7as/

risposta

13

Usa $(".rps-slider").slick('slickGoTo', parseInt(slideIndex));

+0

Questo ha funzionato per me grazie! – Fox

+0

Inoltre, imposta slideindex per tracciare l'indice del suo genitore 'li', perché l'indice di 'li a' sarà sempre 0, 'a' essendo l'unico elemento all'interno di 'li'. 'var slideIndex = $ (this) .parent(). index();' –

Problemi correlati