我有点困惑为什么这不起作用；我认为因为我正在添加该类并且它没有被添加回集合中，所以我不确定。
这里是 jsbin http://jsbin.com/ayije尽管代码也在下面。
无论哪种方式，我只能让该操作在元素上发生一次。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('.optional').click(function () {
$(this).removeClass('optional').addClass('selected');
return false;
});
$('.selected').click(function () {
$(this).removeClass('selected').addClass('rejected');
return false;
});
$('.rejected').click(function () {
$(this).removeClass('rejected').addClass('optional');
return false;
});
});
</script>
</head>
<body>
<style>
a {padding:2px;color:white;}
.optional {background-color:blue;}
.selected {background-color:green;}
.rejected {background-color:red;}
</style>
<div id="tagContainer">
<a href="#" class="rejected">a</a>
<a href="#" class="optional"">b</a>
<a href="#" class="selected">c</a>
</div>
</body>
</html>
最佳答案
不确定您是否已经了解这一点...查看 .live() 上的 jquery 文档功能。这样，你就可以做这样的事情。
$('.optional').live('click', function () {
$(this).removeClass('optional').addClass('selected');
return false;
});
然后您不必担心文档加载时不存在的类。当元素上的类发生变化时，它们将自动绑定(bind)到。
关于Jquery Onclick 不再发生第二次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1362965/