jQuery Waypoint採用不同的動作

Question

我正在使用jQuery Waypoint在瀏覽頁面各個部分時突出顯示導航項。所有這些工作正常;感謝您從http://imakewebthings.github.com/jquery-waypoints/複製演示代碼。

我的演示是：http://www.pandlmedia.com/index.php/index_new

不過，我也想創建在#footer的DIV航點可能會觸發一個事件改變所有的導航鏈接的顏色。

$('#footer').bind('waypoint.reached', function(event, direction) { 
    $('.nav ul a').addClass('white'); 
}); 

這不起作用，因爲沒有什麼可以告訴它一旦退出#footer div就改回來。我在編寫jQuery或使用這個插件方面並不是很有經驗。我需要添加什麼來完成這項工作？是否有兩個級別的路標也會導致問題？

Answer 1

很好，看着「粘元素」試玩近，我能修改消失「.TOP」按鈕的例子，使這項工作對於上述自己的需要：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.container .nav ul a').addClass('black'); 
    $.waypoints.settings.scrollThrottle = 30; 
    $('#footer').waypoint(function(event, direction) { 
     $('.container .nav ul a').toggleClass('black', direction === "up"); 
    }, { 
     offset: '50%' 
    }); 
}); 

關鍵是在我的css中添加.white類下的.black類，以便正確覆蓋顏色參數。