javascript - 为什么我的航点无法正常工作？

Question

当用户向下滚动页面时，我正在使用 Waypoints 来切换具有“实时”类的特定菜单项。一切正常，除了“实时”类在到达下一个区域时不会关闭。例如，在到达#services-amenities 的地方，#overview 菜单项 (124) 仍然具有“live”类。当到达另一个部分时，我需要做什么才能关闭课程。这是我的代码。谢谢你的帮助。

<script type="text/javascript">
    $(document).ready(function(){

          $('#overview').waypoint(function(direction) {
            $('#menu-item-124').toggleClass('live', direction === 'down');  
          });

          $('#services-amenities').waypoint(function(direction) {
            $('#menu-item-125').toggleClass('live', direction === 'down');  
          });

          $('#destinations').waypoint(function(direction) {
            $('#menu-item-126').toggleClass('live', direction === 'down');  
          });

          $('#exceptional-value').waypoint(function(direction) {
            $('#menu-item-127').toggleClass('live', direction === 'down');  
          });

          $('#sample-usage').waypoint(function(direction) {
            $('#menu-item-128').toggleClass('live', direction === 'down');  
          });

          $('#pricing-license-descriptions').waypoint(function(direction) {
            $('#menu-item-129').toggleClass('live', direction === 'down');  
          });

        });
        </script>

Answer 1

我不会工作，因为您没有在该特定元素上使用切换 (#menu-item-124)。将您的菜单项放入数组或将它们分配给变量，然后引用它们。