油滑旋轉木馬無法初始化方法

Question

我有幾個油滑旋轉木馬畫廊設置和正常工作的實例。但是，我無法成功調用文檔中描述的方法。 每當我在初始化完成後嘗試執行一個方法時，該方法都沒有執行。我試圖自動轉到這個第一張幻燈片浮油開始後（在評判「的OnInit」和「onReInit」不執行）。

這是我的代碼：

$("body #slick").slick({ 
    slidesToShow: 3, 
    centerPadding: "20px", 
    draggable:false, 
    onInit:function(){ 
     console.log("onInit"); 
     $("body #slick").slick("slickGoTo",0); 
    }, 
    onReInit:function(){ 
     console.log("onReInit"); 
     $("body #slick").slick("slickGoTo",0); 
    } 
    }); 

感謝您的幫助我。

Answer 1

根據發行說明here：

所有回調方法現在已經過時。它們已被事件觸發器取代。我也添加了一些有用的。所以onAfterChange現在是：

$('.your-element').on('afterChange', function(){ 
    // do stuff 
}); 

所以，你的情況：

$("body #slick").on('init', function() { 
    console.log("onInit"); 
    $("body #slick").slick("slickGoTo",0); 
}); 

$("body #slick").on('reInit', function() { 
    console.log("onReInit"); 
    $("body #slick").slick("slickGoTo",0); 
}); 

$("body #slick").slick({ 
    slidesToShow: 3, 
    centerPadding: "20px", 
    draggable:false 
}); 

請注意，所有的事件處理程序應宣佈調用slick({...})以前。