活动链接背景

Question

我正在尝试为活动链接保留背景图像并悬停 对于本网站上的导航栏

附加链接： http://67.23.226.231/~edutubei/onepage/#about

使用以下代码

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

以下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;
}

但这不起作用我如何保留背景图像/突出显示活动和悬停链接

Answer 1

你的选择器不对。它应该是'.navigation'代替'#navigation'

location.pathname仅返回/ ~edutubei / onepage /。所以你必须使用window.location.href。

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