Question

当我在屏幕上滚动元素时，我试图使用jquery路点，我需要获取可见元素的name属性以突出显示菜单。但我似乎无法做任何事情。我的代码目前提醒＆＃34; x＆＃34;当项目在视口中时，但没有其他jquery工作..

  $('.anchor-point').waypoint(
    function(){
      $('.side-bar li').removeClass('active');
      //$(this).addClass('testing'); ### this does nothing ###
      //var name = $(this).attr('name');
      //alert(name); ### this alerts as undefined ###
      alert('x'); ### this alerts "x" ###
    }
  );

<div class="scroller">
  <a name="item-01" class="heading anchor-point"></a>
  <p> Nunc ultrices eget sem ut blandit. Etiam tempor ultricies pellentesque. Ut orci quam, rutrum ac metus eu, rhoncus condimentum enim. Nulla ex quam, vehicula vel mauris eu, tincidunt vestibulum magna. Curabitur hendrerit elit in justo interdum facilisis. Vivamus fringilla cursus justo, vitae porttitor tellus vulputate euismod. Proin laoreet faucibus finibus. In sit amet commodo ex. Sed ut sollicitudin velit, quis ultricies justo. Pellentesque sollicitudin dignissim malesuada. Duis egestas hendrerit tellus, eget lacinia elit rutrum at. Aliquam ullamcorper laoreet nisl. Integer est dui, hendrerit non massa rhoncus, vulputate ultricies dolor. Nullam vel enim quis mauris condimentum tincidunt nec sed odio. Aliquam ultricies consectetur lorem. </p>
</div>
<div class="scroller">
  <a name="item-02" class="heading anchor-point"></a>
  <p> Nunc ultrices eget sem ut blandit. Etiam tempor ultricies pellentesque. Ut orci quam, rutrum ac metus eu, rhoncus condimentum enim. Nulla ex quam, vehicula vel mauris eu, tincidunt vestibulum magna. Curabitur hendrerit elit in justo interdum facilisis. Vivamus fringilla cursus justo, vitae porttitor tellus vulputate euismod. Proin laoreet faucibus finibus. In sit amet commodo ex. Sed ut sollicitudin velit, quis ultricies justo. Pellentesque sollicitudin dignissim malesuada. Duis egestas hendrerit tellus, eget lacinia elit rutrum at. Aliquam ullamcorper laoreet nisl. Integer est dui, hendrerit non massa rhoncus, vulputate ultricies dolor. Nullam vel enim quis mauris condimentum tincidunt nec sed odio. Aliquam ultricies consectetur lorem. </p>
</div>
<div class="scroller">
  <a name="item-03" class="heading anchor-point"></a>
  <p> Nunc ultrices eget sem ut blandit. Etiam tempor ultricies pellentesque. Ut orci quam, rutrum ac metus eu, rhoncus condimentum enim. Nulla ex quam, vehicula vel mauris eu, tincidunt vestibulum magna. Curabitur hendrerit elit in justo interdum facilisis. Vivamus fringilla cursus justo, vitae porttitor tellus vulputate euismod. Proin laoreet faucibus finibus. In sit amet commodo ex. Sed ut sollicitudin velit, quis ultricies justo. Pellentesque sollicitudin dignissim malesuada. Duis egestas hendrerit tellus, eget lacinia elit rutrum at. Aliquam ullamcorper laoreet nisl. Integer est dui, hendrerit non massa rhoncus, vulputate ultricies dolor. Nullam vel enim quis mauris condimentum tincidunt nec sed odio. Aliquam ultricies consectetur lorem. </p>
</div>

Answer 1

   $('.anchor-point').waypoint(
      var loc = this;
        function(){
          $('.side-bar li').removeClass('active');
          $(loc).addClass('testing');
          alert('x');
        }
      );

试试这个......我认为$（this）无法获得dom元素。

jquery waypoints获取元素的名称

1 个答案: