导航栏点击变色或者添加属性时,由于页面自动刷新,往往效果很难让人满意!
一般的做法就是判断当前URL 通过匹配当前URL 来控制当前点击效果的实现
还有一种方法是后台实现的,具体怎么 做,这里不做说明!
说下纯前台代码实现这种能刷新的导航栏点击变色或者增加属性的效果!
$(document).ready(function(){
$('#nav li a').each(function(){
if($($(this))[0].href==String(window.location))
$(this).addClass('cur');
});
})