2013-04-15 22 views
3

我的jQuery知识充其量是柔软的。在导航上使用航点改变李背景

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

我正在尝试在.menu ul上添加一个项目到一个新的类.menuwhite ul li a将背景从蓝色更改为白色,但不工作。任何帮助到我在这里做错了吗?

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

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

回答

1

我注意到两两件事。该event参数似乎是拧功能。 此外,这是一个很大的问题,当你的div实际上是.menu时,为什么你在#menu上切换课程? :)(班级不是ID)。另外:

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

+0

首先,感谢您的帮助的Kaloyan和良好的抓。我必须刚才错过类型的它作为一个ID而不是一个类。这带来了一些我没有想到的事情。在.menu级别更改班级会更改整个菜单和文本白色。然而,我只希望“概览”的单个项目变为带有蓝色文本的白色背景。 –

+1

选中此项,我已添加评论给你,看看我在做什么 - http://jsfiddle.net/Z2rRt/5/ – Kaloyan

+0

真棒,感谢您添加评论,所以我可以理解。添加背景颜色:#white!重要的给我我需要的效果。 http://jsfiddle.net/AGhyM/1/再次感谢所有帮助Kaloyan –