使用航路点更改导航中的li背景

时间:2013-04-15 19:08:43

标签: jquery html-lists background-color jquery-waypoints

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

我无法弄清楚这一点。基本上我在长页面上使用UL LI有一个简单的粘性水平导航栏。我希望导航栏li项目根据他们正在查看的页面的哪个部分来改变颜色。与此页面http://www.pandlmedia.com/index.php/index_new类似,但仅限于其水平而不是链接更改颜色,我希望li项目的整个bg更改为白色。

我试图将.menu ul li项目改为新类.menuwhite ul li a将背景从蓝色更改为白色但不起作用。对我在这里做错了什么的任何帮助?

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

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

1 个答案:

答案 0 :(得分:1)

我发现了两件事。那个event参数似乎搞砸了这个功能。 而且,这是一个很大的问题,当你的div实际上是#menu时,为什么要在.menu上切换课程? :)(类不是ID)。此外:

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