如何實現SlitSlider jQuery插件

Question

我試圖執行SlitSlider carousel，但是存在嚴重缺乏文檔，因此我遇到了麻煩。

有沒有人成功使用過這個？我不斷收到TypeError: self._init is not a function

的代碼可以在gitub

到目前爲止找到我的代碼：

function initiate() { 
     var $slider = $('ul.slider'); 

     $slider.slitslider({ 
      autoplay: true, 
      interval: 1000 
     }); 
} 

initiate(); 

Answer 1

我剛剛實現了這個滑塊在我的網站，並得到它的工作努力。沒有看到完整的代碼，很難說爲什麼它不適合你。但我確實相信腳本需要在頁面上被稱爲非常特別，像這樣：

S(document.ready(function(){ 
    var loaded = false;   
    $(window).on('load resize',function(){ 
     loaded = true;    
     var Page = (function() { 
      slitslider = $('ul.slider').slitslider({ 
       autoplay: true, 
       interval: 1000 
       } 
      }), 
      init = function(){ 
       initEvents(); 
      }, 
      initEvents = function(){ 
       // add your custom navigation events here 
      }; 
      return {init:init}; 
     })(); 
     Page.init(); 
    }); 
}); 

我包括$（窗口）。在（「負載大小調整」）功能，以防止FOUC的slitslider CSS元素。希望這可以幫助！

這裏是我的地盤與全屏slitslider全面實施：http://www.estherlee.co