Question

我一直在尝试将自动播放添加到我在Joomla上加载的倾斜内容滑块。我发现了一个类似的帖子，并把他们的代码，放入一个Jquery文件，我已经能够成功加载，但它现在导致滑块的主.js文件中的错误。我想这可能是因为主代码没有为幻灯片编号，只是为每张幻灯片分配一个导航按钮，然后需要单击该按钮来加载特定的幻灯片。以下是当前导航的主要.js文件的相关部分。

TiltSlider.prototype._init = function() {
    this._addNavigation();
    this._initEvents();
}
// add the navigation to the DOM
TiltSlider.prototype._addNavigation = function() {
    // add nav "dots"
    this.nav = document.createElement( 'nav' )
    var inner = '';
    for( var i = 0; i < this.itemsCount; ++i ) {
        inner += i === 0 ? '<span class="current"></span>' : '<span></span>';
    }
    this.nav.innerHTML = inner;
    this.el.appendChild( this.nav );
    this.navDots = [].slice.call( this.nav.children );
}

TiltSlider.prototype._initEvents = function() {
    var self = this;
    // show a new item when clicking the navigation "dots"
    this.navDots.forEach( function( dot, idx ) {
        dot.addEventListener( 'click', function() {
            if( idx !== self.current ) {
                self._showItem( idx );
            }
        } );
    } );
}

我是一个绝望的编码员！我知道足够能够开始理解它在做什么，但不知道如何实际写出一些东西来做我想要的！我真的希望有人能够告诉我要添加什么，以便我可以让它自动运行。我之前尝试的文件是：

    ( function($) {
    $(document).ready(function(){
    new TiltSlider(document.getElementById( 'vina-tilted-content-slideshow'           
    ));               
    window.setInterval(function(){              
        $('nav>.current').next().trigger('click');
        if($('nav > .current').next().index() == '-1'){
            $('nav > span').trigger('click');
        }               
    }, 10000);

    }); })(jQuery);

这在main.js中与上面的el.appendchild调用相关的行中调用了以下错误。 m.Callbacks.jjquery.min.js：2 m.Callbacks.k.fireWithjquery.min.js：2 m.extend.readyjquery.min.js：2 J

非常感谢任何帮助！感谢。

将自动播放添加到倾斜的内容滑块

0 个答案: