主页 / 问题 / 1121685
Accepted
HamSter
Asked:2020-05-07 17:25:52 +0000 UTC2020-05-07 17:25:52 +0000 UTC

删除 fullPage 的最后一个导航项

  • 772

只有这样一个带有点导航的标记 + fullPage 插件：

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>

问题：如何使用 js（只是 js 而不是样式！）为第 4 部分删除第 4 个导航点data-anchor="undefined"？

javascript

1 个回答

  1. Best Answer

    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>

    • 1

相关问题