jquery Wegpunkte Name des Elements

Question

Ich versuche, jquery Wegpunkte zu verwenden, wenn ein Element auf dem Bildschirm gescrollt wird, muss ich das Namensattribut des sichtbaren Elements abrufen, um ein Menü hervorzuheben. Aber ich kann es anscheinend nicht dazu bringen, etwas zu tun. Mein Code zur Zeit alarmiert "x", wenn das Element im Ansichtsfenster ist, aber kein anderes jquery funktioniert ..

$('.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'); 
     } 
    ); 

Try this .. Ich denke, $ (this) ist das DOM-Element nicht in der Lage zu bekommen .