Убрать последний пункт навигации для fullPage

Question

Есть именно такая разметка + fullPage плагин с dots навигацией:

var counterScreen = 0,
    counterScreenList = [];

// $("#fullpage > div").each(function() {
//   var elem = $(this).attr("data-anchor");


//   console.log(elem);

//   if(elem !== undefined || elem !== null) {
//     counterScreenList.push(elem);
//     counterScreen++
//   }
// });

$("#fullpage").fullpage({
  licenseKey: 'xxxxxxxx-xxxxxxxx-xxxxxxxx-xxxxxxxx',
  anchors: counterScreenList,
  lazyLoading: !0,
  navigation: !0,
  navigationPosition: "right",
  navigationTooltips: counterScreenList,
  showActiveTooltip: true,
});

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.min.css" integrity="sha256-MEURuTYmXMgJUKFGPHlPu7NKXWTA2PMhMIaM+OZhE84=" crossorigin="anonymous" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.extensions.min.js" integrity="sha256-hpQQQJNPOw2uF6eylQqhnNkjQWl8F7FVGx3WyYkdqKI=" crossorigin="anonymous"></script>
  
  <div id="fullpage">
    <div class="section fp-auto-height-responsive" data-anchor="S-1">
      <h2>1</h2>
    </div>
    <div class="section fp-auto-height-responsive" data-anchor="S-2">
      <h2>2</h2>
    </div>
    <div class="section fp-auto-height-responsive" data-anchor="S-3">
      <h2>3</h2>
    </div>
    <div class="section fp-auto-height-responsive">
      footer
    </div>
  </div>

Вопрос: как убрать 4-ую точку навигации с помощью js (именно js а не стилями!) для 4-ой секции с data-anchor="undefined" ?

Answer 1

var counterScreen = 0,
  counterScreenList = [];

$("#fullpage").fullpage({
  licenseKey: 'xxxxxxxx-xxxxxxxx-xxxxxxxx-xxxxxxxx',
  anchors: counterScreenList,
  lazyLoading: !0,
  navigation: !0,
  navigationPosition: "right",
  navigationTooltips: counterScreenList,
  showActiveTooltip: true,
});

$('#fp-nav li a[href="#undefined"]').last().hide();

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.min.css" integrity="sha256-MEURuTYmXMgJUKFGPHlPu7NKXWTA2PMhMIaM+OZhE84=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.extensions.min.js" integrity="sha256-hpQQQJNPOw2uF6eylQqhnNkjQWl8F7FVGx3WyYkdqKI=" crossorigin="anonymous"></script>

<div id="fullpage">
  <div class="section fp-auto-height-responsive" data-anchor="S-1">
    <h2>1</h2>
  </div>
  <div class="section fp-auto-height-responsive" data-anchor="S-2">
    <h2>2</h2>
  </div>
  <div class="section fp-auto-height-responsive" data-anchor="S-3">
    <h2>3</h2>
  </div>
  <div class="section fp-auto-height-responsive">
    footer
  </div>
</div>

БЛОГ НА HUSL

Убрать последний пункт навигации для fullPage

Ответы (1 шт):