当我点击链接“home”时，类 home 应该改变并留在类 home1 直到另一个链接被点击但它没有......类改变但点击另一个链接 “再见”，“Home”类不会从 home1 变回 home，也不再可点击。
php 是
<title>TEST</title>
<link href="css/test.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="text/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$("ul.nav li").click(function(e) {
var newclass=($(this).attr("class")+"1");
var oldclass=($(this).attr("class"));
alert($(this).attr("class")+"1");
$(this).attr( "class",newclass);
});
</script>
</head>
<body>
<div class=sidebar>
<ul id=nav>
<li class="home"><a href="index.php"> Home</a></li>
<li class="bye"><a href="bye.php"> Bye </a></li>
</ul>
</div>
</body>
</html>
CSS
body {
width:1020px;
margin:0 auto;
position:absolute;
}
.sidebar {
margin-left:10px;
}
.nav {
display:block;
margin-top:60px;
}
ul {
list-style-type:none;
}
a{
text-decoration:none;
border:none;
}
li.home{
background: $666 no-repeat;
width:150px;
height:65px;
color:#fff;
}
li.bye{
background: $666 no-repeat;
width:150px;
height:65px;
color:#fff;
}
li.home:hover {
background: #678fef no-repeat;
color:#fff;
}
li.bye:hover {
background: #678fef no-repeat;
color:#fff;
}
li.home1 {
background: #678fef no-repeat;
color:#fff;
}
li.bye1 {
background: #678fef no-repeat;
color:#fff;
}
我已将 jquery 添加到代码中，但仍然没有警告框或期望的结果，请指出错误
你可以在
中看到它求助
最佳答案
:active-state 仅在您在链接上按住鼠标按钮时才处于事件状态!在您单击另一个链接之前，它不会激活!这可以用 jQuery 来完成:
$('a').click(function() {
$('a.lastClickedLink').removeClass('lastClickedLink');
$(this).addClass('.lastClickedLink');
});
最后点击的链接将具有 lastClickedLink 类，然后可以使用 a.lastClickedLink {} 通过 css 设置样式。
如果您希望该类在用户稍后返回页面时保持不变，则必须使用 cookie。使用 jQuery cookie为此。
关于jquery - 事件伪类不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17878234/