wordpress — счетчик PHP с полями ACF Flexible и Fullpage.js
Я надеюсь, что кто-то может мне помочь …
Я использую поле Fullbar.js Альваро Триго и поле ACF Flexible Эллиота Кондона на разрабатываемом сайте WordPress.
Для каждой записи гибкого поля я объявляю новый раздел / страницу в пределах Fullpage. Клиент хотел бы, чтобы счетчик был зафиксирован в нижней части страницы, где указано 1/10, 2/10, 3/10 и т. Д.
Я могу подсчитать общее количество полей, используя
<?php echo count( get_field('content') ); ?>
Однако я не уверен, как обновлять каждый номер каждый раз, когда меняется слайд. Могу ли я сделать это с помощью PHP или требуется решение JS?
Заранее спасибо — любая помощь будет высоко ценится! Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.
Решение
Вы должны пойти на Javascript для этого.
Используйте функции обратных вызовов fullpage.js, такие как afterLoad обновить номер на основе индекса раздела, который вы можете извлечь из afterLoad Функциональные параметры.
Что-то вроде этого:
$('#fullpage').fullpage({
afterLoad: function(anchorLink, index){
$('#counter').find('span').html(index + 1);
}
});
Наличие контрэлемента как это:
<div id="counter"><span>1<span>/16</div>
Другие решения
Других решений пока нет …