Показать текущий номер раздела, используя полную страницу. js - PullRequest
0 голосов
/ 02 марта 2020

Я видел этот вопрос, заданный здесь ДО , и ответ помог ... вроде.

Я использую fullPage. js, у меня есть боковая панель и у меня есть div внутри этой боковой панели, который будет отображать число в зависимости от того, какой слайд активен

У меня есть div

<div id="num" class="slideNumber"></div>

, и у меня есть этот фрагмент

var slideNumber = $('.fp-section.active').find('.fp-slide.active').index() + 1;
 //do whatever here
    $('#num').text(slideNumber);

число внутри div отображает 0, затем при прокрутке он обновляет этот div, чтобы снова сказать 0 каждый раз, когда передается раздел. Я хочу вместо этого изменить номер в зависимости от того, в каком разделе он включен.

Редактировать: Я исправил это. Решение ниже:

 var slideNumber = $('.fp-section.active').index() + 1;
 //This will change the input of NUM to current section number
 $('#num').html(slideNumber);

1 Ответ

1 голос
/ 03 марта 2020
 var slideNumber = $('.fp-section.active').index() + 1;
 //This will change the input of NUM to current section number
 $('#num').html(slideNumber);

Я удалил

.find('.fp-slide.active')

и заменил

$('#num').text(slideNumber);

на

$('#num').html(slideNumber);

, и он начал правильно выводить внутри #num div

...