jQuery航路点未在第一项上触发

我使用它来检测某些

滚动过去的时间，并在滚动过去时更改导航类。这是我的HTML：

<div class="section" id="section1">
  Some text
</div>
<div class="section" id="section1">
  More text
</div>

<ul id="nav">
  <li><a href="#" id="trigger1">Go to section 1</a></li>
  <li><a href="#" id="trigger2">Go to section 2</a></li>
</ul>

这是有效的，上下滚动，除了当我向右滚动回到顶部时，第二个菜单项仍然突出显示（仍然有当前的

类），而返回顶部应该突出显示第一个菜单项。知道我做错了什么吗

谢谢。
您有两次id=“section1”
也许这就是问题的原因

$('.section').waypoint(function(){

    var id = $(this).attr('id').replace('section','');
    $('ul#nav li a').removeClass('current');
    $('#trigger'+id).addClass('current');

});