jquery - 使用航路点更改导航上的 li 背景

Question

我的 jquery 知识充其量是软的。

我想不通。基本上我有一个简单的粘性水平导航栏，在长页面上使用 UL LI。我希望导航栏 li 项目根据他们正在查看的页面部分更改颜色。类似于此页面http://www.pandlmedia.com/index.php/index_new但只有它的水平而不是链接改变颜色我希望 li 项目的整个 bg 变为白色。

我正在尝试将 .menu ul li a 项目上的类切换到新类 .menuwhite ul li a 以将背景从蓝色更改为白色，但它不起作用。对我在这里做错了什么有帮助吗？

小提琴：http: //jsfiddle.net/Z2rRt/

    $(".wphistory").waypoint(function(event, direction) {
       if (direction === 'down') {
         $('#menu').toggleClass('menuwhite');
       }
       else {
         $('#menu').removeClass('menuwhite');
       }
    });
});

Answer 1

我注意到两件事。该event参数似乎正在破坏该功能。而且，这是一个很大的问题，为什么#menu当你的 div 实际上是时你要切换类.menu？:) （类不是 ID）。此外：

http://jsfiddle.net/Z2rRt/3/