fullpage.js和wordpress导航

Question

我想在我的WordPress主题中实现fullpage.js。一切工作正常，但我无法找到一种方式来使用标准WordPress导航与fullpage.js锚点。

这是我如何得到我的网页：

<?php $query = new WP_Query('page_id=5'); ?> 
<?php if($query->have_posts()): ?> 
<?php while ($query->have_posts()) : $query->the_post(); ?>  
<div class="section" id="section0"> 
    <div class="content"> 
     <div class="row"> 
      <div class="col-sm-4"> 
       <div class="content-text"> 
        <h1 class="headline-about"><?php the_title(); ?></h1> 
        <?php the_content(); ?> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<?php endwhile; ?> 
<?php endif; ?> 

这是我的头，包括导航。

<header> 
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
     <div class="container"><a href="<?php bloginfo('url') ?>"><img id="logo-main" class="img-responsive" src="<?php bloginfo('template_directory'); ?>/img/birnis-logo.png"></a></div> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </button> 
      </div> 
       <div class="collapse navbar-collapse"> 
        <?php 
         wp_nav_menu(array(
         'theme_location' => 'top_menu', 
         'depth' => 0, 
         'container' => false, 
         'menu_class' => 'nav navbar-nav', 
         'fallback_cb' => 'wp_page_menu', 
         //Process nav menu using our custom nav walker 
         'walker' => new wp_bootstrap_navwalker()) 
        ); 
        ?> 
       </div><!--/.nav-collapse --> 
     </div> 
    </nav> 
</header> 

这里我加载fullpage.js

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#fullpage').fullpage({ 
      verticalCentered: false, 
      anchors: XXX, 
      menu: '.nav' 
     }); 
    }); 
</script> 

有没有办法更改代码，所以我每次添加一个页面到我的菜单会自动添加一个新的定位？

例如，我使用不同的page_id创建了新的部分。 之后，我将该页面添加到WordPress后端的我的菜单中。 现在我想要新的列表项滚动到右侧部分。

我希望你明白我想达到的目标。

感谢您的时间，您的回答非常感谢！

Answer 1

我没有看到类“nav”的标记中有任何元素。 看来你在menu选项来使用nav而不是.nav：

$(document).ready(function() { 
    $('#fullpage').fullpage({ 
     verticalCentered: false, 
     anchors: XXX, 
     menu: 'nav' 
    }); 
});