共用header然后让 header内容的标志项选中 共用header然后让 header内容的标志项选中

共用header然后让 header内容的标志项选中

$(document).ready(function(){  
    $(".header").load("header.html");  
    $(".nav-left").load("nav.html",function(){  
        var links = $(".nav-left li a"),  
        index = 0, //默认第一个菜单项  
        //取当前URL最后一个/后面的文件名,pop方法是删除最后一个元素并返回最后一个元素  
        url = location.href.split("?")[0].split("/").pop();  
        if(url){//如果有取到,则进行匹配,否则默认首页(即index所指向的那个)  
            for(var i=0;i<links.length;i++){//遍历menu中的链接地址  
                if(links[i].href.indexOf(url)!=-1){  
                    index = i;  
                    break;  
                }  
            }  
        }  
        $(".nav-left li").eq(index).addClass("active");//给对应的<li>增加选中样式  
    })  
})  
分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论