如何使用 jQuery 定位当前 fullpage.js 的 "stage"

Question

如何定位 fullpage.js 的当前 "stage"？含义 - 我如何告诉 jQuery 检测我添加了 "homeFour" 的 class 的第四阶段？

这是我的标记：

    <div id="fullpage" style="height: 100%; position: relative;" class="fullpage-wrapper">
        <div class="section homeOne fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">
        </div></div>
        <div class="section homeTwo fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">
        </div></div>
        <div class="section homeThree fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">Section Three</div></div>
        <div class="section homeFour fp-section fp-table active fp-completely" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">Section Four</div></div>
    </div>

我需要做的是，告诉 jQuery 当 section fp-section fp-table active fp-completely 有一个 class 的 homeFour 时 - section homeFour fp-section fp-table active fp-completely 做其他事情？

到目前为止它在我加载页面时激活但没有按预期运行。

Answer 1

尝试这样的事情：

$('#fullpage').fullpage({
    afterLoad (anchorLink, index, slideAnchor, slideIndex){
        if($(".homeFour").is(".active")){
            // Do stuff
        }
    },
    //...
});

如何使用 jQuery 定位当前 fullpage.js 的 "stage"

How to target current "stage" of fullpage.js using jQuery

javascript

jquery

fullpage.js