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

Показать текущий номер раздела, используя полную страницу. js

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

...