如何实现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