Question

当用户向下滚动页面时，我正在使用Waypoints来切换特定菜单项和“live”类。一切正常，除了“直播”课程在到达下一个区域时没有关闭。例如，在达到＃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）。将菜单项放入数组或将它们分配给变量，然后引用它们。

为什么我的Waypoints无法正常运行？

1 个答案: