带有ACF灵活字段和Fullpage.js的PHP计数器

我希望有人能帮我

我正在开发的Wordpress网站中使用Alvaro Trigo的Fullpage.js和Elliot Condon的ACF Flexible字段

对于每个灵活的字段输入，我在Fullpage中声明一个新的节/页。客户希望在页面底部安装一个计数器，其读数为1/10、2/10、3/10等

我可以使用

<?php echo count( get_field('content') ); ?> 

但是，我不确定每次幻灯片更改时如何更新每个数字。我可以用PHP来实现这一点，还是需要一个JS解决方案

---

提前感谢您-任何帮助都将不胜感激！如果您需要更多信息，请告诉我。

您应该使用Javascript

使用callbacks fullpage.js提供的，例如，根据可以从

afterLoad

函数参数中提取的节索引更新编号

大概是这样的：

 $('#fullpage').fullpage({
    afterLoad: function(anchorLink, index){
       $('#counter').find('span').html(index + 1);
    }
});

<div id="counter"><span>1<span>/16</div>

有这样一个计数器元件：

 $('#fullpage').fullpage({
    afterLoad: function(anchorLink, index){
       $('#counter').find('span').html(index + 1);
    }
});

<div id="counter"><span>1<span>/16</div>

1/16

这非常好用，非常感谢！计数器从2/X开始，因此我更改为：$（“#counter”）.find（'span'）.html（索引+1）；收件人：$（'#counter'）.find（'span'）.html（索引+0）；这是有效的，你觉得合乎逻辑吗？再次感谢你@埃文-如果答案是正确的（几乎没有人会比阿尔瓦罗知道更多！），那么你可以通过点击答案左上角的勾号图标来接受答案。