使用js

时间:2016-11-22 11:22:03

标签: javascript arrays children fullpage.js

我使用fullpage.js并希望在播放部分或幻灯片时自动构建导航。因此我需要来自各部分的id。我在下面的脚本中有。但我还需要在每个部分内的幻灯片div中嵌套数据锚。

**目标:html结构由fullpage.js驱动。工作正常。但现在我想自动生成幻灯片的子菜单。因此我需要该部分的ID。 (已完成)并将数据锚中的值放入href中。所以href src需要= section0 / about和section0 / history。当我在该部分中添加幻灯片时,它应该自动在导航中添加一个链接。 **

任何?

HTML

    <div id="fullpage">
      <div id="section0"></div>
      <div id="section1">
        <div class="slide" data-anchor="about"></div>
        <div class="slide" data-anchor="history"></div>
      </div>
      <div id="section2"></div>
      <div id="section3"></div>
    </div>

JS

    $( document ).ready(function() {
      var sections =  $('#fullpage > div').map(function(){
      return '#' + this.id;
    }).get();
    });

结果菜单

    <ul id="subnav" class="innernav">
     <li class="subnav"><a href="#section1/about">About</a></li>
     <li class="subnav"><a href="#section1/history">History</a></li>
    </ul>

修改 我的解释是否有任何意义?

0 个答案:

没有答案