2013-04-15 45 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 –