Js 實現導航菜單選中狀態
$(function () {
$(".header .nav li").click(function () {
$(this).addClass('cur').siblings().removeClass('cur');
})
var urlstr = location.href;
var urlstatus = false;
$(".header .nav li").each(function () {
if ((urlstr + "/").indexOf($(this).find('a').attr("href")) > -1 && $(this).find('a').attr("href") != '') {
$(this).addClass("cur");
urlstatus = true;
}else{
$(this).removeClass("cur");
}
});
if (!urlstatus) {
$(".header .nav li").eq(0).addClass("cur");
}
})
文章來源:劉俊濤的博客 歡迎關注公眾號、留言、評論,一起學習。
若有幫助到您,歡迎點擊推薦,您的支持是對我堅持最好的肯定(*^_^*)