导航点击变色(防刷新)纯前台代码实现

来源:互联网 发布:网络排名推广 编辑:程序博客网 时间:2024/06/04 20:09
导航栏点击变色或者添加属性时,由于页面自动刷新,往往效果很难让人满意!

一般的做法就是判断当前URL 通过匹配当前URL 来控制当前点击效果的实现

还有一种方法是后台实现的,具体怎么 做,这里不做说明!

说下纯前台代码实现这种能刷新的导航栏点击变色或者增加属性的效果!

$(document).ready(function(){$('#nav li a').each(function(){    if($($(this))[0].href==String(window.location))        $(this).addClass('cur');});})


1 0