1

SlitSlider カルーセルを実装しようとしていますが、ドキュメントが深刻に不足しているため、問題が発生しています。

誰かがこれをうまく使いましたか？私は得続けますTypeError: self._init is not a function

コードはgitubで見つけることができます

これまでの私のコード:

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

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

initiate();
4

1 に答える 1

1

このスライダーを自分の Web サイトに実装したばかりで、動作させるのに苦労しました。完全なコードを見ないと、なぜ機能しないのかを判断するのは困難です。しかし、次のように非常に具体的にページでスクリプトを呼び出す必要があると思います。

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') 関数を含めて、slitslider の CSS 要素が FOUC にならないようにしました。お役に立てれば！

フルスクリーンのスリットスライダーが完全に実装された私のサイトは次のとおりです: http://www.estherlee.co

于 2014-04-18T20:21:03.240 に答える