活動鏈接背景

我想保持的背景圖像活動鏈接和懸停對本網站活動鏈接背景

站點鏈接的導航欄：使用下面的代碼

$(document).ready(function() { $('#navigation a[href^="#' + location.pathname.split("#")[1] + '"]').addClass('current'); });

http://67.23.226.231/~edutubei/onepage/#about

與下面的css

ul.navigation .current{ 
    background:url(../images/current_page.png) no-repeat right bottom; 
}  
ul.navigation .current a, ul.navigation .current a:hover{ 
    color:#FFF; 
}

但這不起作用我如何保持背景圖像/突出顯示活動和懸停鏈接

來源

2013-04-05 karthik patruni

這可能有助於發表一個例子。附加鏈接不起作用。 – lucuma 2013-04-05 19:11:36

您的網站是x_x – 2013-04-05 19:18:11

是'導航'一個'ID'或'類'？你的CSS應該讀取'a.current'，如果你的javascript是要將該類添加到鏈接 – greener 2013-04-05 19:24:35

您的選擇器是不正確的。它應該是'.navigation'來代替'#navigation'

location.pathname只返回/〜edutubei/onepage /。所以你必須改用window.location.href。

$('.navigation a[href="#' + window.location.href.split("#")[1] + '"]').addClass('current');

來源

2013-04-05 19:22:26

已更改，但問題未解決 – 2013-04-05 19:52:08

您確定嗎？我在您提供的網站上使用了相同的代碼。它在那裏工作。 Nosotros旁邊出現一個橙色三角形。你在嘗試哪種瀏覽器。 – 2013-04-05 20:28:59

我正在使用chrome – 2013-04-05 20:36:30

活動鏈接背景

回答

相關問題