jQuery工具可滚动循环跳过项目

时间:2012-01-13 23:51:39

标签: jquery jwplayer jquery-tools scrollable

我正在使用jQuery Tools Scrollable一次显示一个视频。我把它设置为循环。在视频结束后,它会触发下面的事件(仅供参考:在这里使用JW Player)。

onComplete: function() {

    // Setup scrollable API
    var api = jQuery('.home .scrollable').data('scrollable');

    // Pause the current video
    api.onBeforeSeek(function() {
        var paneIndex = this.getIndex();

        // Pause the current JW Player
        jwplayer(paneIndex).pause(true);

    });                 

    // On next/prev event, play video
    api.onSeek(function() {
        var paneIndex = this.getIndex();

        // Play the JW Player if there is one
        jwplayer(paneIndex).play(true);

    });

    // Go to next pane
    api.next(400);

}

问题是它会跳过第二个视频。我想这与Scrollable进行循环滚动的方式有关。它克隆了第一个和最后一个项目,因此当“下一个”事件发生时,它会与循环中的位置混淆。所以它从第1项到第3项,而不是1,2,3。

0 个答案:

没有答案