jquery - 使用 fullpage.js - 是否可以按顺序加载每张幻灯片上的元素？

Question

我正在使用 fullpage.js 创建一个http://www.apple.com/uk/iphone-5s/的效果。

它工作正常但是我需要在幻灯片上依次淡化一堆单独的元素，但只有在选择/激活了相应的元素幻灯片后。

我相信最好的方法是在选择的视口上将元素设置为 onLoad，除非每当我尝试这样做时，我似乎遇到了与 fullpage-js 的 jQuery 冲突问题，反之亦然。

谁能推荐一个解决方案？

谢谢

Answer 1

如果您正在尝试它，那么一旦用户到达它，就为每张幻灯片执行一些代码，那么您可以使用afterLoad或onLeave事件来完成它。

这里有一个活生生的例子： http ://alvarotrigo.com/fullPage/examples/callbacks.html

您的初始化应类似于：

$.fn.fullpage({
    'afterLoad': function (anchorLink, index) {
        //for section 2...
        if (index == 2) {
            //whatever
        }
    },

    'onLeave': function (index, nextIndex, direction) {
        //going from section 3 to 4
        if (index == 3 && direction == 'down') {
           //whatever
        }

        //going form section 3 to 2
        else if (index == 3 && direction == 'up') {
           //whatever
        }
    }
});

如果您想要在幻灯片上而不是在部分上做某事，那么您应该使用 even afterSlideLoad.