jquery - 如何实现 SlitSlider jQuery 插件

Question

我正在尝试实现SlitSlider 轮播，但严重缺乏文档，因此我遇到了麻烦。

有没有人成功使用过这个？我不断得到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();
    });
});

我包含了 $(window).on('load resize') 函数来防止从 FOUC 中的slitslider CSS 元素。希望这可以帮助！

这是我的网站，完全实现了全屏slitslider：http: //www.estherlee.co