jquery - FilmRoll jQuery轮播-首次加载时不起作用

我正在使用FilmRoll jQuery轮播。 plugin link plugin demo

在桌面浏览器上可以正常工作

问题：如果调整窗口大小（第一次显示为横向），则无法在首次加载iphone时正常工作。

脚本

    $(function() {
      fr = new FilmRoll({
        container: '#film_roll',
        height:50,
        animation: 1000,
        interval: 10000,
        prev: '#film_roll_prev',
        next: '#film_roll_next'
      });
    });

最佳答案

您的评论问题的答案：

var film_roll = new FilmRoll({container: '#container_id',...});
$('#container_id').on('film_roll:moved', function(event) {
  if ( film_roll.index == film_roll.children.length - 1 ) {
    film_roll.clearScroll();
  }
});

在每个动画的结尾都会调用'film_roll：moved'事件。然后，我们检查当前索引是否在最后一个子项上（长度-1），如果是，则清除滚动动画。那将停止在最后一个项目上。

顺便说一句，如果要重新启动滚动动画，请使用film_roll.configureScroll()。

关于jquery - FilmRoll jQuery轮播-首次加载时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27315185/