2015-02-06 14 views
6

Próba użycia zręcznego karuzeli i używania własnych ikon do nawigacji zamiast domyślnych myśli. Sądziłem, że najlepszym sposobem na zrobienie tego będzie utworzenie własnej listy i użycie slickGoTo, ale nie mogę jej uruchomić.Nie można uzyskać śladuGoTo pracuje dla niestandardowej, gładkiej nawigacji

$(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 tutaj: http://jsfiddle.net/r7vjy7as/

Odpowiedz

13

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

+0

Ten pracował dla mnie dziękuję! – Fox

+0

Ustaw również slajdex, aby śledzić indeks jego rodzica "li", ponieważ indeks "li a" zawsze będzie wynosił 0, a "a" będzie jedynym elementem wewnątrz "li". 'var slideIndex = $ (this) .parent(). index();' –

Powiązane problemy