$("ul.menus-list>li.menus-item>a").click(function () {
$(this).addClass('active'); // 设置被点击元素为红色
$(this).siblings('ul.menus-list>li.menus-item>a').removeClass('active'); // 去除所有同胞元素的红色样式
$(this).addClass('active'); // 设置被点击元素为红色
$(this).siblings('ul.menus-list>li.menus-item>a').removeClass('active'); // 去除所有同胞元素的红色样式
})
当涉及到a元素链接跳转时,设置的点击样式无效。
这样是可以:
$(document).ready(
function
(){
$(
".nav a"
).each(
function
(){
$
this
= $(
this
);
if
($
this
[0].href==String(window.location)){
$
this
.addClass(
"hover"
);
}
});
});