2015-02-06 35 views
6

嘗試使用光滑的輪播並使用我自己的自定義圖標進行導航而不是默認想法。我認爲最好的辦法是建立我自己的列表並使用slickGoTo,但我無法實現它。無法讓slickGo去自定義光滑導航

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

回答

13

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

+0

這個工作對我謝謝! – Fox 2015-04-10 01:49:12

+0

此外,設置slideindex以跟蹤其父'li'的索引,因爲'li a'的索引將始終爲0,'a'是'li'中唯一的元素。 'var slideIndex = $(this).parent()。index();' – 2016-05-27 09:02:52