jquery - toggleClass 似乎不适用于这里。任何线索为什么？

Question

然而，使用航点库，问题似乎也与脚本无关，因为我们对一般 jquery 和 javascript 理解的理解不佳。

通过这一行，我们跳到选择属性 href 为某个值的所有锚点，并添加或删除一个类。

$('a[href="' + $(this).attr('id') + '"]').toggleClass("marca-menu", direction === 'down');

但什么也没有发生。

代码，下面是小提琴。

JS：

 $(document).ready(function() {   
   $('#container section').each(function() {            
     $(this).waypoint(function(direction) {
       $('a[href="' + $(this).attr('id') + '"]').toggleClass("marca-menu", direction === 'down');
     });
   });
});

HTML：

<nav class="main-menu">
<ul>
 <li><a href="#slide3" target="_self">plimplim</a></li>
 <li><a href="#slide4" target="_self">plimplomm</a></li>
 <li><a href="#slide5" target="_self">plimplumm</a></li>
</ul>
</nav>

<section id="slide3">
  <h1>bababaadasda</h1>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
</section>
<section id="slide4">
 <h1>SLIDE 4</h1>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
</section>
<section id="slide5">
 <h1>SLIDE 5</h1>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
    <p>asdsadasdsad</p>
</section>

CSS：导航{显示：块；位置：固定；宽度：100%；背景：红色；}

.marca-menu {
    background-color: blue;
}

你可以在这里查看：

http://jsfiddle.net/talofo/Bkws7/

我究竟做错了什么 ？

Answer 1

没有看到您发布的 html，请使用：

$('a[href="#' + this.id + '"]').toggleClass("marca-menu", direction === 'down');