的Jquery顯示當前頁的導航推拉門

我目前正在建設www.scenes-online.co.uk/test/的Jquery顯示當前頁的導航推拉門

我有了這個代碼，上下滑動使用jquery懸停在鏈接.. 。

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 

<script type="text/javascript"> 

google.load("jquery", "1.3.2"); //load version 1.3.2 of jQuery 

google.setOnLoadCallback(function() { 
    jQuery(
     function($) { 
$("a.button").hover( function() {  $(this).animate({"marginTop": "-  4px"}, "800"); }, function() {  $(this).animate({"marginTop": "-  14px"}, "800"); }); 

    }); 
}); 
</script>

我需要的是當前頁面有它在邊距在「向下」狀態鏈接：-4px但我想一切都擺脫我的推拉門的...

在此先感謝

個乾杯

斯圖

來源

2009-07-12 Stuart Robson

以及您在這裏有一個BUG：

function($) {

它必須是：

$(function() {

也許這就是問題所在

來源

2009-07-12 21:00:57

這是有效的，因爲該函數正在傳遞給jQuery函數。 – seth 2009-07-12 21:09:27

雖然它的真棒，你實際上並不需要jQuery，因爲每個頁面都有一個單獨的HTML文件。您可以爲每個特定按鈕設置相應頁面的樣式，以使其初始狀態爲關閉狀態。例如，您可以將「當前」類添加到index.html上的主頁按鈕。目前在css中會聲明margin-top: -4px。

如果您確實想要這樣做，您需要遍歷頁面加載時的按鈕並檢查該元素的href是否爲當前位置。

$('a.button').each(function(idx, el) { 
    if (el.href === window.location.toString()) { 
     $(el).css('marginTop','-4px'); 
    } 
});

雖然這很容易分解。例如，如果您使用查詢字符串或哈希並且不更新href。實際上，上面的示例在着陸頁上不起作用（因爲href是「index.html」），但window.location只是「/」。但對其他人起作用，所以它應該讓你去。

來源

2009-07-12 21:31:08 seth

的Jquery顯示當前頁的導航推拉門

回答

相關問題