我使用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>
修改 我的解释是否有任何意义?